Question

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    var pValue = $(".blah").find("p").html();
        alert(" Information in Paragraph tag is ### " + pValue);`enter code here`

    $(".blah").find($("input:text")).each(function(){
        alert("Value inside the Input text field is #### " + this.value);
    });
}); 

  </script>
</head>
<body>

    <div class="blah">
      <p>he he he</p>
      <input "type = text name ="userName" value = "abc"/>
      <input "type = text name ="id" value = "xyz"/>
    </div>
</body>
</html>

问题：

当我运行上面的HTML代码时，我收到以下警告

段落标记中的信息是###他是他
输入文本字段中的值为#### abc
输入文本字段中的值为#### xyz

我想检索输入文本字段名称（用户名和ID）并将其动态放入警报中，以便我的警报如下所示。我想要这个功能，因为如果用户输入他的用户名而不是id。我想表明他的身份证是空的。

段落标记中的信息是###他是他
userName内的值为#### abc
id内的值为#### xyz

提前多多感谢。

Answer 1

如果您有这样的字段：

<input id="tb" type="text" name="userName" value="abc"/>

你想在JQuery中获取name属性，它看起来像这样：

$('#tb').attr("name");

但是，您的输入格式不正确，并且没有Id或Classes，并且循环使用它们的效率非常低。

Answer 2

尝试：

$(".blah").find($("input:text")).each(function(){         
    alert("Value inside "+$(this).attr("name")+" is #### " + this.value);     
});

Answer 3

我不确定你的问题是什么。但是，要获取您选择的控件的名称：

var nameValue = $('.blah').attr('name');

Answer 4

您的标记有一堆错误，首先修复这些错误并获取任何输入字段的名称只是说

$("inputIdOrValidSelector").attr('name');

试试这个

      <div class="blah">
          <p>he he he</p>
          <input type="text" name="userName" value="abc"/>
          <input type="text" name="id" value="xyz"/>
        </div>

 $(document).ready(function(){

    var pValue = $(".blah").find("p").html();
    alert(" Information in Paragraph tag is ### " + pValue);

    $(".blah").find($("input:text")).each(function(){
        alert("Value inside the " + this.name + " is " + this.value);
    });
});

Answer 5

alert("Value inside the userName is " + $("input:text[name=userName]").val());
alert("Value inside the id is " + $("input:text[name=id]").val());

工作演示 - http://jsbin.com/aruhej

Answer 6

this调用中的each对象与DOM中的input元素相对应。此元素具有可用的name属性。例如：

    alert("Value inside the " + this.name + " is #### " + this.value);

我也创建了此代码的a jsFiddle。

jQuery如何使用JQuery检索输入文本字段的名称

6 个答案: