第一种情况:下拉数据是写死的
<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属性显示出对应的下拉值。