使用jQuery设置下拉选项时append方法与disable属性设置失效

看起来你碰到了两个头疼的小问题：append() 没法正常添加下拉选项，还有禁用状态的设置完全没效果。咱们一步步拆解解决：

1. 先搞定禁用状态失效的问题 #

你现在写的 $("#pairId").attr("disable", 0); 有两个明显错误：

• 属性名拼写错了：正确的属性是 disabled（末尾多了个d），不是disable
• 对于disabled这种布尔类型的DOM属性，jQuery更推荐用prop()方法来操作，而不是attr()——因为attr()操作的是HTML标签上的属性，prop()直接操作DOM元素的状态，更准确

修正后的代码可以写成这样：

$("#pairId").prop("disabled", false);

如果你非要用attr()，也可以这么写（不过还是推荐prop()）：

$("#pairId").removeAttr("disabled");
// 或者 $("#pairId").attr("disabled", false);

2. 解决append()不生效的问题 #

既然你确认数组数据是对的，那咱们重点排查这几个点：

（1）先确认#pairId元素真的存在 #

在函数开头加一行调试代码，看看能不能选中目标元素：

console.log($("#pairId"));

如果输出是个空的jQuery对象，说明函数执行的时候DOM还没加载完，你得把函数调用放在$(document).ready()里面，确保元素加载完成后再执行。

（2）优化数组遍历的方式 #

用for...in遍历数组不是最佳实践，它会遍历数组原型链上的额外属性，可能导致意外问题。换成forEach或者普通for循环更靠谱：

// 用forEach遍历（推荐）
currClientCurr.forEach(function(item) {
  $("#pairId").append('<option value="' + item.pairId + '">' + item.coCurTitle + '</option>');
});

// 或者用普通for循环
for (var i = 0; i < currClientCurr.length; i++) {
  var item = currClientCurr[i];
  $("#pairId").append('<option value="' + item.pairId + '">' + item.coCurTitle + '</option>');
}

（3）可选：先清空旧选项（避免重复添加） #

如果这个函数可能被多次调用，建议先清空下拉框里的旧选项，再添加新的，避免选项重复堆积：

$("#pairId").empty(); // 清空旧选项
currClientCurr.forEach(function(item) {
  $("#pairId").append('<option value="' + item.pairId + '">' + item.coCurTitle + '</option>');
});

完整修正后的代码 #

function setClientCur(clientcur) { 
  var coCurList = JSON.parse('<?=json_encode($this->To)?>'); 
  var currClientCurr = coCurList[clientcur]; 

  // 修复禁用状态
  $("#pairId").prop("disabled", false); 

  // 先清空旧选项（可选，按需保留）
  $("#pairId").empty();

  // 确保数组有效再遍历添加
  if (currClientCurr && currClientCurr.length) {
    currClientCurr.forEach(function(item) {
      $("#pairId").append('<option value="' + item.pairId + '">' + item.coCurTitle + '</option>');
    });
  }
}

内容的提问来源于stack exchange，提问作者Larry Edison