BilalTy Ответов: 1

Как получить доступ к входным данным или любым элементам после добавления jquery

<div class="form">
<form class="myForm">
<!-- append here -->
</form>
</div>


В jQuery : 
$("button#add").click(function(){

  var inputs = '<input type="" name="y[]" class="user">'+
                '<input type="" name="x[]" class="email">';

  $("form#myForm").append(inputs );
});


это приложение хорошо сделать несколько полей как я могу получить доступ к любому из них
с : $(this)

Что я уже пробовал:

Как получить доступ к входным данным или любым элементам после добавления Jquery

1 Ответов

Рейтинг:
7

Peter Leow

Ваш код не будет работать.
Поскольку вы используете селектор классов как class= "myForm", чтобы получить доступ к нему в коде jQuery, он должен быть:

$("form.myForm")

вместо
$("form#myForm")

узнайте как селекторы jQuery[^] работа.
Чтобы получить доступ к каждому элементу формы, используйте .каждый()[^] сделать петлю и найти.
Проверьте эту демо-версию:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button#add").click(function(
 
     var inputs = '<input type="text" name="y[]" class="user"><br>'+
                '<input type="text" name="x[]" class="email">';
 
    $("form.myForm").append(inputs );
  });

  $("button#check").click(function(){
     $( "form.myForm input" ).each(function( index ) {
        alert($( this ).val() );
     });
  });
});
</script>
</head>
<body>
<div class="form">
<form class="myForm">
<!-- append here -->
</form>
<button type="button" id="add">Add</button>
<button type="button" id="check">Check</button>
</div>

</body>
</html>

Также важно выяснить различия между .html (),. text () и. val():
Tryit Editor v3. 0[^]

BilalTy

О, Извините, Питер, О моем селекторе ошибок [селекторы jQuery ]
и большое спасибо за ответ мне ♥