JAVAScript控制多个下拉框

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

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

HTML结构

if test="${medicalById.medical_history  == '疾病史' }">checkedif> title="疾病史" ">疾病史
    if test="${medicalById.medical_history  == '个人史' }">checkedif> title="个人史" ">个人史
    if test="${medicalById.medical_history  == '家族史' }">checkedif> title="家族史" ">家族史
    if test="${medicalById.medical_history  == '传染病史' }">checkedif> title="传染病史" ">传染病史
    if test="${medicalById.medical_history  == '过敏史' }">checkedif> title="过敏史" ">过敏史
    if test="${medicalById.medical_history  == '预防接种史' }">checkedif> title="预防接种史" ">预防接种史
    if test="${medicalById.medical_history  == '输血史' }">checkedif> title="输血史" ">输血史
    if test="${medicalById.medical_history  == '婚育史' }">checkedif> title="婚育史" ">婚育史
    if test="${medicalById.medical_history  == '月经史' }">checkedif> title="月经史" ">月经史
    if test="${medicalById.medical_history  == '生产史' }">checkedif> title="生产史" ">生产史
    if test="${medicalById.medical_history  == '外伤史' }">checkedif> title="外伤史" ">外伤史
    if test="${medicalById.medical_history  == '系统回顾' }">checkedif> title="系统回顾" ">系统回顾
    if test="${medicalById.medical_history  == '手术史' }">checkedif> title="手术史" ">手术史
    if test="${medicalById.medical_history  == '特殊嗜好史' }">checkedif> title="特殊嗜好史" ">特殊嗜好史
    if test="${medicalById.medical_history  == '既往史' }">checkedif> title="既往史" ">既往史
    

javascript代码:

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