正文

JAVAScript控制多个下拉框

IP云
IP云V管理员/4 阅读
08/12
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

这个东西我是在百度上查的,我为了方便我以后使用,放在博客也供大家一起使用,为了凑够150字哈哈.

HTML结构

<select id="F001153" style="text-align: left; font-size: 12px; width: 114px; > <option value="1" <c:if test="${medicalById.medical_history == '疾病史' }">checked</c:if> title="疾病史" ">疾病史</option>
<option value="2" <c:if test="${medicalById.medical_history == '个人史' }">checked</c:if> title="个人史" ">个人史</option>
<option value="3" <c:if test="${medicalById.medical_history == '家族史' }">checked</c:if> title="家族史" ">家族史</option>
<option value="4" <c:if test="${medicalById.medical_history == '传染病史' }">checked</c:if> title="传染病史" ">传染病史</option>
<option value="5" <c:if test="${medicalById.medical_history == '过敏史' }">checked</c:if> title="过敏史" ">过敏史</option>
<option value="6" <c:if test="${medicalById.medical_history == '预防接种史' }">checked</c:if> title="预防接种史" ">预防接种史</option>
<option value="7" <c:if test="${medicalById.medical_history == '输血史' }">checked</c:if> title="输血史" ">输血史</option>
<option value="8" <c:if test="${medicalById.medical_history == '婚育史' }">checked</c:if> title="婚育史" ">婚育史</option>
<option value="9" <c:if test="${medicalById.medical_history == '月经史' }">checked</c:if> title="月经史" ">月经史</option>
<option value="10" <c:if test="${medicalById.medical_history == '生产史' }">checked</c:if> title="生产史" ">生产史</option>
<option value="11" <c:if test="${medicalById.medical_history == '外伤史' }">checked</c:if> title="外伤史" ">外伤史</option>
<option value="20" <c:if test="${medicalById.medical_history == '系统回顾' }">checked</c:if> title="系统回顾" ">系统回顾</option>
<option value="21" <c:if test="${medicalById.medical_history == '手术史' }">checked</c:if> title="手术史" ">手术史</option>
<option value="22" <c:if test="${medicalById.medical_history == '特殊嗜好史' }">checked</c:if> title="特殊嗜好史" ">特殊嗜好史</option>
<option value="23" <c:if test="${medicalById.medical_history == '既往史' }">checked</c:if> title="既往史" ">既往史</option>
<input type="button" onclick="fun()" />
</select>

javascript代码:

function fun(){
var select = document.getElementById("这里是select的id");
var str = [];
for(i=0;i<select.length;i++){
if(select.options[i].selected){
str.push(select[i].value);
}
}
alert(str);
}