JAVAScript控制多个下拉框

方法：获取多选下拉框对象数组→循环判断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);

}

巴特西

JAVAScript控制多个下拉框

最新文章

热门文章