PDA

View Full Version : Cacading dropdownlist( Jquery Plugin)



resident
چهارشنبه 16 بهمن 1392, 10:04 صبح
سلام.
من برای dropdownlist هام از پلاگین JQUERY استفاده می کنم. مشکلی که دارم تو Cascade کردن هست. من 2 تا dropdownlist دارم. یکی برای استان و دیگری برای شهر. با انتخاب استان باید شهر های مربوطه نمایش داده بشه.
من ajax زیر رو نوشتم



<script type="text/javascript">
$('#City_ProvinceID').change(function () {

var id = $(this).val();
var URL = "/Zone/SelectCity/" + id;
$.ajax({
url: URL,
dataType: "json",
data: { City_ProvinceID: id },
type: 'POST',
success: function (data) {
var items="<option value=\"0\">انتخابکنید</option>";

$.each(data, function (i,item) {
items += "<option value=\"" + item.Id + "\">" + item.Title + "</option>";
});

$('#Zone_CityID').html(items);
}
});
});
</script>



در خط
(Zone_CityID').html(items#')$
items درست پر میشه اما dropdownlist دوم(شهر) تغییری نمی کنه.
اما پیدا کردم مشکل از کجاست...
وقتی کد html صفحه ام رو نگاه می کنم برای dropdownlist شهر این کدها رو نوشته:



<select style="display: none;" class="form-control chosen-select" id="Zone_CityID" name="Zone_CityID">
<option value="">انتخاب کنید</option>
<option value="10">نامعلوم</option>
<option value="21">نجف آباد</option>
<option value="14">کاشان</option>
</select>
<div id="Zone_CityID_chosen" title="" style="width: 259px;" class="chosen-container chosen-container-single">
<a class="chosen-single" tabindex="-1">
<span>انتخاب کنید</span>
<div>
<b></b>
</div>
</a>
<div class="chosen-drop">
<div class="chosen-search">
<input autocomplete="off" type="text">
</div>
<ul class="chosen-results">
<li class="active-result" style="" data-option-array-index="21">نامعلوم</li>
<li class="active-result" style="" data-option-array-index="22">نجف آباد</li>
<li class="active-result" style="" data-option-array-index="23">کاشان</li>
</ul>
</div>
</div>


با jquery که من نوشتم ، Option های Select تو کد html عوض میشن اما dropdownlist ام با این مقادیر پر نمیشه و همون مقادیر قبلی رو نشون میدن.
باید قسمتی که در کد Bold کردم(محتویات داخل <ul class="chosen-results">) تغییر پیدا کنه اما نمیدونم دستورش رو چطور باید بنویسم. لطفا راهنماییم کنید. 2 روزه معطلم سر این :(