farnoosh66
چهارشنبه 08 اردیبهشت 1400, 20:34 عصر
سلام دوستان
من دوتا option select داشتم که اولی اسامی کشورها ، و دومی اسامی شهر ها رو نشان میدهد ، select اولی هر کشوری انتخاب شود با استفاده از فایل ir-city-select.js مقادیر شهرهای select دوم پر میشود.
حالا مشکلم اینجا هست که برای اینکه بتونم سرچ توی select انجام بدم ، از selectize به شکل زیر استفاده کردم ، ولی اتفاقی که می افته اینه که دیگه شهرهای select دوم پر نمیشه، متوجه نمیشم تداخل کجاست
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
<select name="country" id="country"
onChange="citylist_shobe(this.value,noe_bank)" ;
<option selected disabled></option>
<option value="england">england</option>
<option value="usa">usa</option>
<option value="check">iran</option>
</select>
<select class="select_option_search" name="city_shobe" id="city_shobe" style="font-size: 14px" >
</select>
<script>
$(document).ready(function () {
$('#city_shobe').selectize({
sortField: 'text'
});
});
</script>
code ir-city-select.js is:
function citylist_shobe(state, noe_bank) {
if (noe_bank== 'سپه') {
with (document.getElementById('city_shobe')) {
options.length = 0;
if (state == 0) {
options[0] = new Option('tehran', '0');
options[1] = new Option('karaj', '0');
options[2] = new Option('tabriz', '0');
}
من دوتا option select داشتم که اولی اسامی کشورها ، و دومی اسامی شهر ها رو نشان میدهد ، select اولی هر کشوری انتخاب شود با استفاده از فایل ir-city-select.js مقادیر شهرهای select دوم پر میشود.
حالا مشکلم اینجا هست که برای اینکه بتونم سرچ توی select انجام بدم ، از selectize به شکل زیر استفاده کردم ، ولی اتفاقی که می افته اینه که دیگه شهرهای select دوم پر نمیشه، متوجه نمیشم تداخل کجاست
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
<select name="country" id="country"
onChange="citylist_shobe(this.value,noe_bank)" ;
<option selected disabled></option>
<option value="england">england</option>
<option value="usa">usa</option>
<option value="check">iran</option>
</select>
<select class="select_option_search" name="city_shobe" id="city_shobe" style="font-size: 14px" >
</select>
<script>
$(document).ready(function () {
$('#city_shobe').selectize({
sortField: 'text'
});
});
</script>
code ir-city-select.js is:
function citylist_shobe(state, noe_bank) {
if (noe_bank== 'سپه') {
with (document.getElementById('city_shobe')) {
options.length = 0;
if (state == 0) {
options[0] = new Option('tehran', '0');
options[1] = new Option('karaj', '0');
options[2] = new Option('tabriz', '0');
}