1. 程式人生 > >如何給select標籤賦初值

如何給select標籤賦初值

第一種情況:下拉資料是寫死的 

<select id="duty" name="duty">
   <option value="請選擇職務">--請選擇職務--</option>
   <option value="總經理">總經理</option>
   <option value="大堂經理">大堂經理</option>
   <option value="客房部經理">客房部經理</option>
   <option value="餐飲部經理">餐飲部經理</option>
</select>

這種情況,一定要注意給每一個<option>標籤的value屬性寫上值,當然可以不用跟text值一樣,這個只是存放的資料庫裡的值。

下一步,我們就可以根據從資料庫查出來的資料給select賦值了。

$("#duty").val(HotelData.hotelDuty);

解釋一下: HotelData.hotelDuty是我在資料庫中查出來的資料。

這樣,前端就可以根據value屬性顯示出對應的下拉值了。

第二種情況:資料是存放在資料庫的

原理其實是一樣的,只是賦值之前應該將全部資料獲取到下拉框中,再根據value屬性顯示出對應的下拉值。