Использование два Select для разных выпадающих списков в одном диалоге
 

Помогите плз новичку и сильно не пинайте, если вопрос глупый :)

Есть диалог. В первой колонке (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'а?

JS код покажите. И если добавление такого же, то id не должны повторяться.