2013-05-17 126 views
4

我正在使用Jquery Select2腳本http://ivaynberg.github.io/select2/#ajaxJquery Select2 -Chain select - 如何傳遞變量

我有兩個下拉列表 - 首先選擇地區 - 第二選擇的城市

問: 如何從第一選擇(靜態內容),傳遞變量來第二選擇(動態內容阿賈克斯)

第二選擇我想只加載一個選定區域的數據。 開始時,第二選擇被禁用。當用戶選擇區域時,應該激活第二個選擇。

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 MODUL =數據& reg = 2 index.php?m odul =數據& REG = 2 & Q =城市名

回答

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; 
    }); 

,並在開始第二個選擇是沒有選擇。