Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Jquery Select2 -Chain select – How Pass变量大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 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&reg=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 =城市名

解决方法

在这我是怎么做到的

$("#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;
    });

并且在开始时,第二选择没有选项.

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Jquery Select2 -Chain select – How Pass变量全部内容,希望文章能够帮你解决twitter-bootstrap – Jquery Select2 -Chain select – How Pass变量所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。