我正在使用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模件=数据&安培; REG = 2 ?的index.php模件=数据&安培; REG = 2及Q =城市名
答案 0 :(得分:1)
这里我是怎么做到的
$("#adv_category").bind("change",function() {
var adv_category =$("#adv_category option:selected").val();
var datString= 'adv_category='+ adv_category;
//alert (dataString);return false;
$.ajax({
type: "POST",
url: "subcategory_type_format.php",
data: datString,
success: function(data) {
//alert(data);
//dyTable(data);
$("#advsub_category").html(data).select2();
},
error: function() {
alert("TimeOut error !");
var url_r = "index.php";
window.location.href = url_r;
}
});
return false;
});
并且在开始时,第二选择没有选项。