我正在使用 Jquery Select2 脚本http://ivaynberg.github.io/select2/#ajax。
我有两个下拉列表 - 第一个选择区域 - 第二个选择城市
问题: 如何将变量从第一个选择(静态内容)传递到第二个选择(动态内容 Ajax)
在第二次选择时,我只想加载一个选定区域的数据。开始时,第二个选择被禁用。当用户选择区域时,应该激活第二个选择。
HTML 代码
<div class="control-group"><label class="control-label">Region</label>
 <div class="controls">
  <select id="region" name="region">
     <option value="">Select region</option>
     <option value="1">Region 1</option>
     <option value="2">Region 2</option>
  </select>
 </div>
</div>
<input type="hidden" id="city" name="city" class="input-xlarge" data-placeholder="Choose An Option.." /> 
JavaScript:
<script type="text/javascript">     
$(document).ready(function() {  
var $region = $('#region'); 
var $city = $('#city');
$region.change(function() {
    if ($region.val() == '') {
        $city.attr('disabled', 'disabled').val('');
        $("#city").select2("enable", false);
    } else {
        $("#city").select2("enable", true);
    }
}).trigger('change');
});
$('#city').select2({
    minimumInputLength: 2,
    ajax: {
        url: "index.php?modul=data®=2",
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        data: function (term, page) {
            return {
                q: term,
            };
        },
        results: function (data, page) {
            return { results: data };
        }
    }
});
</script>
我需要将值从第一次选择传递到变量“reg” index.php?modul=data®=2 index.php?modul=data®=2&q=cityname