Question

如何单独检查附加输入的值

示例我想获得第二个附加输入的值，谢谢

<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">

    $(".addinput").click(function(){
        $('.samplediv').append('<input type="text" class="sampleinput">');
    }); 
</script>

<div class="samplediv">
    <input type="text" class="sampleinput">
</div>
<button class="addinput"></button>



</body>
</html>

Answer 1

这只是实现所要求的一种方式（不是最佳方式）。

以下是一个工作示例：https://jsfiddle.net/zzukok0j/

$(".addinput").click(function(){

  $('.samplediv').append('<input type="text" class="sampleinput">');

    var counter = 0;
    $('.sampleinput').each(function(poop) {
      if(counter===1) {
        alert( $(this).val() );
      } else {
          counter++;
      }
    });

});

Answer 2

以下代码将允许您获取每个附加输入的值。

var $inputs = $('.samplediv input');
$inputs.each(function(index) {
    value = this.val();
    // now you can use value for whatever you need
    console.log(value);
});

我希望这会有所帮助。快乐的编码！

Answer 3

使用jquery每个函数来选择每个字段并做任何你想做的事情......

$('input[type="text"]').each(function(){
    //do something
});

Answer 4

为每个输入添加一个唯一的类，并使用该类获取值。对于第二个，使用类似的东西：

$("input.num-2).val();

＆＃13;

var num = 1;
$(".addinput").click(function(){
  $('.samplediv').append('<input type="text" class="sampleinput num-' + num + '">');
  num++;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="samplediv">
</div>
<button class="addinput">Add input</button>

＆＃13;

我如何单独检查附加输入的值

4 个答案: