Jquery Select2 -Chain select - Как передать переменную

Я использую скрипт 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?modul=data®=2 index.php?modul=data®=2&q=cityname


twitter-bootstrap jquery-select2
person Darek    schedule 17.05.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

вот как я это сделал

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

и в начале 2-й выбор не имеет выбора.

person Sumanta    schedule 02.12.2013