如何从jquery中的selectbox输入数组中获取值

时间:2015-10-23 10:08:52

标签: javascript jquery

点击按钮,我想获取多个选择框的选定值。我能够从文本框数组中获取值,但我无法获得选择框值。它返回空数组。



$("#add_user_button").click(function(){
		

	var username=[];	   
	$("input[name=username]").each(function(){
	 username.push($(this).val());
	});

	var usertype=[];
	$("input[name=usertype]").each(function(){
		usertype.push($(this).val());
	}); 
	
  var ajaxdata={"UserName":username,"UserType":usertype};	
  
			console.log(JSON.stringify(ajaxdata));
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div id="user_group">
        <input type="text" id="user_username" placeholder="User Name" name="username">
           <select id="user_usertype"  name="usertype">
                   <option value="1">Admin</option>
                   <option value="2">Normal</option>
              </select>
</div>

<div class="clone_user_input"><div id="user_group_1">
         <div class="form-group">
                <input type="text" id="user_username" placeholder="User Name" name="username">
                 <select id="user_usertype"  name="usertype">
                   <option value="1">Admin</option>
                   <option value="2">Normal</option>
              </select>
     </div>                                                              
 </div>
  <button  id="add_user_button">Add User</button>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

选择未输入。使用:

var usertype=[];
$("select[name=usertype]").each(function(){
    usertype.push($(this).val());
}); 

另请注意,您有元素的重复ID。 ID应始终是唯一的。您可以使用相同的类名作为替代。