راهنمایی برای ساخت combo box

[ایزی دیزاین 35]

سلام دوستان

 

میخوام ی کمبو باکس در صفحه html  درست کنم که دارای چند گزینه باشد که وقتی یکی از انها را انتخاب کردیم بقیه disable بشن

 

اینم کد هایی که روش دارم کار میکنم

 

<html>
<head>
<input name="filterTextField" type="text" id="filterTextField" tabindex="2"  style="width: 140px;
    position: absolute; top: 1px; left: 1px; z-index: 2;border:none;" />
        <div style="position: absolute;" id="filterDropdownDiv">
<select name="filterDropDown" id="filterDropDown" tabindex="1000"
    onchange="DropDownTextToBox(this,'filterTextField');" style="position: absolute;
    top: 0px; left: 0px; z-index: 1; width: 165px;">
    <option value="-1" selected="selected" disabled="disabled">-- شهر خود را انتخاب کنید  --</option>

</select>
</head>
</html>

راستی میخواستم چند شهر هم به زیر مجموعه هایی که قابل انتخاب هستند اضافه شه .