chose.jquery 联动

Posted 2020-08-16 zslm___

<link href="~/Scripts/chosen/chosen.css" rel="stylesheet" />
<script src="~/Scripts/chosen/chosen.jquery.js"></script>

 <script type="text/javascript">

$(function () {
 

$("#ProvId").change(function(){
var citys = [];
console.log($(this).val());
console.log($("#CityId"));
$("#CityId").append("<option value=‘01‘ >广州</option>");
var obj = {};
$("#CityId").chosen();
});
});

 

</script>

 

<dt>省份</dt>
<dd>
@html.DropDownList("ProvId", SdJobs.Controllers.HomeController.ProvinceList, "--请选择--", new { @class = "chosen-select-width input normal", @tabindex = "2" })

<span class="Validform_checktip"></span>

</dd>
<dt>城市</dt>
<dd>

<select id="CityId" class="chosen-select-width input normal" >
<option value="">--请选择--</option>
</select>

<span class="Validform_checktip"></span>

</dd>
<dt>县区</dt>
<dd>

<select id="CountyId" class="chosen-select-width input normal" >
<option value="">--请选择--</option>
</select>

<span class="Validform_checktip"></span>

</dd>

<script type="text/javascript">
var config = {
‘.chosen-select‘: {},
‘.chosen-select-deselect‘: { allow_single_deselect: true },
‘.chosen-select-no-single‘: { disable_search_threshold: 10 },
‘.chosen-select-no-results‘: { no_results_text: ‘Oops, nothing found!‘ },
‘.chosen-select-width‘: { width: "200%" }
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>