如何在選擇標記中爲json響應對象提供複選框？

Question

<script> 
$(document).ready(function() { 
     $('#state').change(function(event) { 
     var $c=$("#state").val(); 
     $.get('getCities',{id:$c},function(responseJson) { 
      var $select = $("#city");       
      $select.find('option').remove(); 
      $.each(responseJson, function(key, value) { 
       $('<option ></option>').val(key).text(value).appendTo($select);     
      }); 
     }); 
    }); 
});  

</script> 

JSON響應是不支持多個選擇jquery插件。 請任何人都可以幫我解決它。

我使用春季休眠框架工作。 當我使用靜態數據它工作正常，但是當它來動態它不工作。

Answer 1

如果您使用插件，您必須在加載響應後初始化選擇字段。

例如，如果你使用這個插件：

<script src="jquery.multiple.select.js"></script> 

你將不得不接受jsonResponse後，初始化您的城市選擇。而且在上面的代碼中，你必須添加一個id到選擇器。

<script> 
$(document).ready(function() { 
    $('#state').change(function(event) { 
    var $c=$("#state").val(); 
    $.get('getCities',{id:$c},function(responseJson) { 
     var $select = $("#city");       
     $select.find('option').remove(); 
     $.each(responseJson, function(key, value) { 
      $('<option ></option>').val(key).text(value).appendTo($select);     
     }); 
     $select.multipleSelect(); 
    }); 
}); 
}); 
</script>