如何使用jquery从选择标签中获取名称[重复]

Question

我创建了许多选择标签。每个标签的名称都不同。 所以当我提交表单时，我需要使用 jquery 获取选择标签的名称。

<select class="myclass" id="" name="AP">
<option value="">Select Val</option>
   <option value="50">50</option>
   <option value="60">60</option>
</select>

var getSelect = $('.compressor option:selected');
console.log(getSelect.name);

我对它正在工作的输入字段不一样。当我在选项中保留我的名字时，它工作正常。但我不想在选项中保留我的名字 attr。

Answer 1

如果要获取 select 元素的属性 name，请从选择器中删除 option:selected。您可以使用attr() 获取特定属性：

var getSelect = $('.myclass');
console.log(getSelect.attr('name'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="myclass" id="" name="AP">
<option value="">Select Val</option>
   <option value="50">50</option>
   <option value="60">60</option>
</select>

如果您希望 option:selected 作为选择器的一部分，那么您必须定位 parent() 元素：

$('#submit').click(function(){
  var getSelect = $('.myclass option:selected').parent();
  console.log(getSelect.attr('name'));
  return false;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="myclass" id="" name="AP">
<option value="">Select Val</option>
   <option value="50">50</option>
   <option value="60">60</option>
</select>

<button type="submit" id="submit">Submit</button>

更新：要获取元素的名称，您可以使用属性 tagName

//using index
console.log(getSelect[0].tagName);
//or: using prop()
console.log(getSelect.prop('tagName'));

var getSelect = $('.myclass');
getSelect.each(function(){
  console.log($(this).prop('tagName'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="myclass" id="" name="AP">
<option value="">Select Val</option>
   <option value="50">50</option>
   <option value="60">60</option>
</select>
<input class="myclass"/>