父子组合框

Question

我希望在我的表单中使用jquery实现子父组合框（国家/地区状态，如果我们选择任何国家，状态组合框应根据所选国家/地区填充）。 请提供任何建议如何实现这一点  感谢

Answer 1

好吧，在国家组合框的更改事件上附加一个函数，并从AJAX或类似文件中获取html。然后填充子组合框。

例如

$("#parentbox").change(function() {
   var myval =$("#parentbox").val();
   // Fetch the content from database or similar
   $("#childbox").html(newhtml);
}

Answer 2

此代码遍历数组，并根据您在#sourceBox中的选择填充另一个选择框（#targetBox）。

$(document).ready(function(){
   $('#sourceBox').change(function(){
    var options = "";
    for (var i = 0; i < locations.length; i++){
      options += '<option>' 
          + locations[i][$('#sourceBox option:selected').text()] 
          + '</option>';
    }
    $('#targetBox').html(options);
    });
});