苏同学的gravatar头像
苏同学2017-11-13 16:30:47

multiple选择多个值的时候,js如何获取?

multiple 选择多个值的时候,js如何获取?

<select  id="multiple" name="multiple[]" multiple="multiple">
    <option th:each="user:${userList}"  th:text="${user.loginid}"></option>
    <option th:each="agent:${agentList}"  th:text="${agent.agentid}"></option>
</select>
//得到选中的list
function getSeletedItem(obj, targetList) {
    for (var i = 0; i < obj.option.length; i++) {
        if (obj.options[i].selected) {
            targetList.push(obj.options[i].value);// 收集选中项
        }
    }
    return targetList;
}
var selectedItem = [];
var obj = document.getElementById("multiple");
selectedItem = getSeletedItem(obj, selectedItem);//得到选中的item

 

obj.option.length报错,那位大神给调整调整

 

所有回答列表(3)
苏同学的gravatar头像
苏同学 LV112017年12月1日

最后我是这样取的

var selectedItem = [];

 $('#multiple option:selected').each(function (){

          selectedItem.push($(this).text());

})

评论(0)最佳答案
巫妖科学思想的gravatar头像
巫妖科学思想 LV22017年11月15日

$("#multiple option:selected") 获取所有的选中的元素

hunteryan的gravatar头像
hunteryan LV32017年11月20日

<form name=form1> 
<input type="checkbox" name="Id1">1<br/> 
<input type="checkbox" name="Id2">2<br/> 
<input type="checkbox" name="Id3">3<br/> 
<input type="checkbox" name="Id4">4<br/> 
<input type='button' value='提交' onclick='chkCheckBox(this.form)'> 
</form>
<script language="javascript" type="text/javascript">
function chkCheckBox(obj) 
{  
    var obj=document.getElementsByTagName("input")
    var result=0 
    if(obj.length) 
    { 
         

        for(var i=0;i<obj.length;i++) 
        { 
            if(obj[i].type=="checkbox") 
            {    
                if(obj[i].name.length>2) 
                {    
                    if(obj[i].name.substring(0,2)=="Id") 
                    {   
                        if(obj[i].checked) 
                        { 
                            result++ ;        
                        }
                    }
                }
            }
        } 
    }else{ 
        result=obj.checked?1:0 
        
    } 
 if(result==0) 
    { 
        alert("请选择") 
        return false 
    } else if(result <2) 

  alert("必须选择两个或两个以上") 
  return false 

    return result 

</script>

顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友