属性名称使用 jQuery 获取值

Question

我有这段代码 html：

<select id='id_select'>
	<option name='nm_opt' value='23'>Val1</option>
	<option name='nm_opt2' value='16'>Val2</option>
	<option name='nm_opt' value='6'>Val3</option>
</select>

如何使用 jQuery 获取 name 属性的值？ 我尝试了以下代码，但没有返回任何内容：

val_id_template = $('#id_select').append().attr("name");
console.log(val_id_template);

谢谢！

Answer 1

删除append() 并尝试。当您使用$('#id_select option:selected') 时，它将为您提供select 列表中所选option 的name 值：

val_id_template = $('#id_select option:selected').attr("name");
console.log(val_id_template);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='id_select'>
	<option name='nm_opt' value='23'>Val1</option>
	<option name='nm_opt2' value='16'>Val2</option>
	<option name='nm_opt' value='6'>Val3</option>
</select>

或者，如果您想在从列表中选择option 时获得name 的值，那么：

$('#id_select').change(function(){
  console.log($('#id_select option:selected').attr('name'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='id_select'>
	<option name='nm_opt' value='23'>Val1</option>
	<option name='nm_opt2' value='16'>Val2</option>
	<option name='nm_opt' value='6'>Val3</option>
</select>