Question

还是关于Select 二级联动的问题 - -!!

// 用object存储select2的内容，key需要和select1的value一致
var selectObject = {
"我是" : '<option value="周一">周一</option>',
"你是" : '<option value="周二">周二</option>'
};

$(document).ready(function() {
var row_count = 1;
$("#newBtn").bind("click",function(){

$("#order-table").append("<tr class=\"odd\"><td>" + row_count + "</td><td class=\"product-title\"><select name=\"cpname[]\" id=\"cpname\" class=\"select1\"><option value=\"\">请选择</option><option value=\"我是\">我是</option><option value=\"你是\">你是</option></select></td><td><select class=\"select2\"></select><!--------这里显示价格 <input type="text" value=""> --></td></tr>");
row_count++;
});
// 监听change事件
$('#order-table').delegate('.select1', 'change', function () {
var self = $(this);
var sValue = self.val();
// 查找同一个tr下面的select2
var s2 = self.closest('tr').find('.select2');
if (sValue) {
// 根据第一个select的value，决定显示哪个数据
s2.html(selectObject[sValue]).show();
} else {
// 根据第一个select的value是空
// 清空第二个select之后隐藏
s2.html('').hide();
}
});
});
这个按照你说的已经没有问题了，能不能再选择了第一个Select的时候 在<input type="text" value=""> 中添加指定的价格呢？

例如 Select1[我是] Select2[周一] input [100]
Select1[我是] Select2[周一] input [200]

不知道是否好实现！..实在是没有财富值了！！只有9分了！下次我补给你！很感谢！

Answer 1

// 用object存储select2的内容，key需要和select1的value一致
var selectObject = {
  "我是" : {
      select: '<option value="周一">周一</option>',
      input: '100'
  },
  "你是" : {
      select: '<option value="周二">周二</option>',
      input: '200'
  }
};
 
$(document).ready(function() {
    var row_count = 1;
    $("#newBtn").bind("click",function(){
 
        $("#order-table").append("<tr class=\"odd\"><td>" + row_count + "</td><td class=\"product-title\"><select name=\"cpname[]\" id=\"cpname\" class=\"select1\"><option value=\"\">请选择</option><option value=\"我是\">我是</option><option value=\"你是\">你是</option></select></td><td><select class=\"select2\"></select><!--------这里显示价格 <input type="text" value="">   --></td></tr>");
        row_count++;
        });
    // 监听change事件
    $('#order-table').delegate('.select1', 'change', function () {
        var self = $(this);
        var sValue = self.val();
        // 查找同一个tr下面的select2
        var tr = self.closest('tr');
        var s2 = tr.find('.select2');
        var input = tr.find('input');
        if (sValue) {
            // 根据第一个select的value，决定显示哪个数据
            s2.html(selectObject[sValue].select);
            input.val(selectObject[sValue].input);
        } else {
            // 根据第一个select的value是空
            // 清空第二个select之后隐藏
            s2.html('');
            input.val('');
        }
    });
});