php - jqueryを使用して、動的にPHPで生成された複数のテキストボックスの値を変更します

Question

PHPを使用して複数のテキストボックスを生成しましname="student[<?php echo $StudentID ; ?>]"た。

ボタンをクリックして、jqueryを使用してこれらすべてのテキストボックスの値を変更したいと思います。

どうすればこれを行うことができますか？助けてください。

Answer 1

また、これらすべてのテキストボックスに固有のクラス（つまり、changableTextBox）を追加し、それを選択して一度に変更することもできます。それらすべてのスタイルを一度に調整する必要がある場合にも、将来的に役立ちます。そのクラスをCSSで宣言するだけで、スタイリングできます。

<input type="text" class="changeableStudentTextBox" id="student[11]" />
<input type="text" class="changeableStudentTextBox" id="student[23]" />
<input type="text" class="changeableStudentTextBox" id="student[45]" />
<input type="text" class="changeableStudentTextBox" id="student[66]" />

<script type="text/javascript">
     $('#button').click( function() { $('.changeableStudentTextBox').val('hi!'); });
</script>

Answer 2

HTML

<input type="text" name="student[]"></input>
<input type="text" name="student[]"></input>
<input type="text" name="student[]"></input>

<button id="button">Change</button>

JavaScript

$('#button').click(function() {
    $('input[name^="student"]').val('some value ');
});

JSFiddle

Answer 3

属性StartsWithセレクターを使用してstudent[、name属性の先頭を探すことができます。

$('input[name^="student["]').val('the new value');

[最後にを含める必要はおそらくなく、などのname^="student"名前を持つ他の入力がない場合は十分ですstudent_name。

// If no conflicting named inputs, use
$('input[name^="student"]').val('the new value');