jquery - 按名称访问表单输入字段[重复]

Posted 2023-02-21

【中文标题】jquery - 按名称访问表单输入字段[重复]

【英文标题】：jquery - access form input field by Name [duplicate]

【发布时间】：2018-01-11 10:02:08

【问题描述】：

是否可以仅使用元素名称访问表单输入字段？

如果我尝试使用 ID 进行此操作，它将如下所示：

<input type="text" id="fname">

$("#fname").blur(function()
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
);

有没有什么方法可以使用字段名来访问元素？？：

<input type="text" name="fname">

【参考方案1】：

要做到这一点，正确的选择器是

$('input[name=fname]')

【讨论】：

$('input[id=fname]')

【参考方案2】：

你可以的

$('[name="fname"]')

但建议使用比属性选择器更高效的 id/class。

http://learn.jquery.com/using-jquery-core/selecting-elements/ http://learn.jquery.com/performance/optimize-selectors/

【参考方案3】：

查看所有可以使用的选择器：https://api.jquery.com/category/selectors/

$('input[name=fname]').on('blur', function() 
 //your code ...
);

【参考方案4】：

您可以使用$("input[name=fname]")

【讨论】：

一个简短的解释为什么这个答案对帮助社区中的其他人大有帮助

【参考方案5】：

你可以在这里看到演示DEMO

$("input[name='fname']").blur(function(e)
   alert('blur')
);