需要帮助绑定添加选项以选择列表答案

【问题标题】：Need help binding added option to select list需要帮助绑定添加选项以选择列表
【发布时间】：2011-05-07 20:35:59
【问题描述】：

动态添加选项后，我需要禁用选择列表中的某些选项。

当从另一个列表中选择一个项目时，我的选择列表是动态构建的。
该列表是在 PHP 中创建的，然后使用 $.ajax 调用返回到我的 javascript。将选项添加到我的列表后，我需要遍历选项并禁用某些选项。

我可以添加选项，但无法禁用特定选项。我认为这是因为选项未绑定到 DOM（或类似的东西）。

这是我现在使用的代码：

// HTML
<select id='selectlist_store' name='selectlist_store' size='6' multiple='multiple'></select>


// Javascript
// Populate store multi-select list
jQuery('#selectlist_city').live('change', function(){
  populateStoreListBox(jQuery(this).val(),  function(list) {
    // Add options to list
    jQuery('#selectlist_store').html(list);
    // Disable specific element
    jQuery('#selectlist_city option [value=56]').attr('disabled','disabled');
  });
});


function populateStoreListBox(country_id, callback){
  jQuery.ajax({
    url: (...),
    data: (...),
    dataType: 'html',
    success: (function(city_list) {
        callback(city_list);
  })
});

添加某些选项后，我需要做什么才能禁用它们？

一种解决方案可能是返回一个JSON 数组而不是HTML，然后循环遍历该数组并动态构建我的新选项列表并禁用我想要禁用的选项。

但是还有其他方法吗？

【问题讨论】：

标签： php jquery multi-select

【解决方案1】：

需要把[前的空格去掉

jQuery('#selectlist_city option[value=56]').attr('disabled','disabled');

http://jsfiddle.net/pYBqm/

【讨论】：

哈！就这么简单。谢谢哥们！