javascript - 选择具有特定属性的 Web 表单元素

Question

我有以下 HTML 表单:

<form name="catForm">
   <select name="group">
     <option value="1">Group 1</option> 
     <option value="2">Group 2</option> 
   </select>
   <select name="catid[1]" catid="1">
     <option value="1">1</option> 
     <option value="2">2</option> 
   </select>
   <select name="catid[3]" catid="3">
     <option value="1">1</option> 
     <option value="2">2</option> 
   </select>
</form>

如何使用(JavaScript 或 jQuery)从我的表单中选择所有 SELECT(仅那些具有 catid 属性的)并显示其 catid 属性值和选定的选项值？

Answer 1

您可以使用 filter() 方法将属性选择器作为参数传递:

var cat = [];
$('select').filter('[name^="catid"]').each(function() {
  cat.push($(this).attr('name'));
});
alert(cat);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<form name="catForm">
   <select name="group">
     <option value="1">Group 1</option> 
     <option value="2">Group 2</option> 
   </select>
   <select name="catid[1]" catid="1">
     <option value="1">1</option> 
     <option value="2">2</option> 
   </select>
   <select name="catid[3]" catid="3">
     <option value="1">1</option> 
     <option value="2">2</option> 
   </select>
</form>