下拉列表，获取下拉列表选中值

 

一、jsp中下拉列表：

<select id="equip" name="equip" style="background-color: #ffffff" onchange="getEquipId()">
                    <option value="0" selected>请选择：</option>
                    <c:forEach var="equip" items="${equipmentList}" varStatus="i">
                        <option id="${equip.equipmentId}" value="${equip.deviceName}">${equip.deviceName}</option>
                    </c:forEach>
                </select>

 

二、获取下拉列表的值：

//获取设备id
function getEquipId(){
    var equipName = $("#equip").val();
    var equipId = $("#equip").find('option:selected').attr("id");
    $("#equipment_id").val(equipId);
}

三、下拉列表值回显：

<li><span>设备类型：</span>

<select id="equipmentCategory" name="equip" style="border:1px solid #98CCFF;width: 152px;float: left" onchange="getEquipId()">
                    <option value="0" selected>请选择：</option>
                    <c:forEach var="equipCate" items="${equipCategoryList}" varStatus="i+1">
                        <option id="${equipCate.categoryId}" value="i+1" <c:if test="${equipCate.categoryId==equipment.equipmentCategoryId}">selected="selected"</c:if>>${equipCate.name}</option>
                    </c:forEach>
                </select><input type="text" name="equipmentCategoryId" id="equipmentCategory_id" value="${equipment.equipmentCategoryId}"/>&#12288;&#12288;
                </li>

 

<li><span>使用状态：</span>
                    <select id="isUse" name="isUse">
                    <option value="1" <c:if test="${equipment.isUse==1}">selected="selected"</c:if>>启用</option>
                    <option value="0" <c:if test="${equipment.isUse==0}">selected="selected"</c:if>>禁用</option>
                </select>
                </li>