php - 使用 jquery 更改多个动态 PHP 生成的文本框的值

Question

我使用 PHP 和name="student[<?php echo $StudentID ; ?>]".

现在单击按钮，我想使用 jquery 更改所有这些文本框的值。

我该怎么做呢 ？请帮忙。

Answer 1

您也可以简单地为所有这些文本框添加一个唯一的类（即 changeableTextBox），然后用它选择它并立即更改它们。如果您需要一次调整所有样式的样式，这对未来也很有帮助。只需在 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

您可以使用Attribute Starts With selector来查找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');