关于javascript:jquery – 按名称访问表单输入字段

jquery - access form input field by Name

本问题已经有最佳答案,请猛点这里访问。

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

如果我使用ID尝试此操作,它将如下所示:

1
2
3
4
5
6
<input type="text" id="fname">

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

是否有任何方法可以使用字段的名称访问元素??

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


为此,正确的选择器是

1
$('input[name=fname]')

您可以在这里看到演示演示

1
2
3
$("input[name='fname']").blur(function(e){
   alert('blur')
});


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


你可以的

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

但建议使用比属性选择器更有效的ID/类。

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


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

1
2
3
$('input[name=fname]').on('blur', function() {
 //your code ...
});