Помогите плз новичку и сильно не пинайте, если вопрос глупый
Есть диалог. В первой колонке (dlg_item_name) выбираю объект через строку поиска. Там всё хорошо работает.
Справа от неё пытаюсь сделать ещё одну колонку (dlg_item_town) с выпадающим списком с выбором из нескольких вариантов. И каким-то образом помимо вариантов, указанных в option второго select (dlg_item_town, всего 3 варианта города), попадают варианты из первой колонки, которые в option никак не перечислялись.
<div id="dialog" title="">
<table id="dlg_content" width="100%" height="100%">
<tr class="dlg_item">
<td class="dlg_item_name">
<select id="my_select1" name="my_select1" style="display:none;" onchange="onListChange(this)"></select>
<input type="text" placeholder="Поиск.." class="ID_DIALOG_SEARCH">
<div class="item-list"></div>
</td>
<td id="dlg_item_town" class="dlg_item_town">
<select name="town" id="s1">
<option value="msk" >Москва</option>
<option value="spb">Санкт-Петербург</option>
<option value="other">другой</option>
</select>
</td>
</tr>
</table>
</div>
Вот результат. Из option только первые три варианта. Остальных тут быть не должно:
Как правильно разделить select'ы, чтобы второй select показывал ровно то, что ему перечислили в option, и не лазил в варианты первого select'а?