2016-07-17 15 views
0

valを使用すると、セレクタで指定されたテキストボックスの値が自動的に設定されていました。私はいくつかの入力テキストボックスを持っており、それらすべてはヴァルを使用して設定することがしたいと思います:jQueryで混乱しています。

<input type="text" id="firstName" name="firstName" size="20" class="gotowp-input-text required"> 
<input type="text" id="lastName" name="lastName" size="20" class="gotowp-input-text required"> 
<input type="text" id="email" name="email" size="20" class="gotowp-input-text required email"> 

私はこれらの入力テキストボックスの2セットを持っている、と私はそれらの両方を設定しようとしています:

jQuery(document).ready(function($){ 
$("#firstName").val("Test"); 
$("#lastName").val("Test2"); 
$("#email").val("[email protected]"); 
}); 

をご覧ください。

https://jsfiddle.net/bg1pdbw2/

をjQueryのは、それが二番目のを見てではなく、第1のセレクタを設定します。彼らは同じ名前を持っています。君たちありがとう!

答えて

1

IDを再利用することはできません。同じ入力に対して同じIDを選択しましたが、これは許可されていません。

代わりに、自分の名前で、あなたの入力を選択考慮する:

$('input[name="lastName"]').val('Test2'); 

の作業例:https://jsfiddle.net/bg1pdbw2/3/

+0

ありがとうございます。私はそれを試みたが、私のPHPコードのため、外側の括弧と競合していた。私は内側の二重括弧を削除し、外側を二重に変更する必要がありました。ありがとう、ブラッド – zduffy

0

IdのページごとにユニークなIDを持つための基本的なルールです。 Idの代わりにclassを使うことで動作します。

+0

http://stackoverflow.com/questions/33601687/difference-between-id-and-class – vvr02

+0

詳細については上記のリンクをご確認ください – vvr02

+0

右。私はそれを得るが、このコードはPHPによって生成されていて、PHPを嫌うことはしたくなかった。ありがとうございました! – zduffy

関連する問題