我是php的新手,现在想知道如何在运行时添加文本字段。我创建了一个php页面,其中有一个简单的下拉列表。下拉列表中有数字1,2,3等等。我想做的是,每当用户从下拉列表中选择一个数字时,都会出现相同数量的文本字段(以及标签)。示例1文本字段表示1(带标签),2文本字段表示2,依此类推。如果有人能给我任何代码示例或链接来理解,这将非常有帮助。谢谢:)
我会使用jquery,这是Dagon建议的JavaScript库。首先你的html:
<form>
<input class="target" type="text" value="Field 1" />
<select class="target">
<option value="1" selected="selected">Option 1</option>
<option value="2">Option 2</option>
</select>
</form>
<div id="other">
</div>
然后你的javascript(使用jQuery):
$('.target').change(function() {
$("select option:selected").each(function () {
$('#other').append("<label>" + $(this).text() + "</label><input type='text' value='' />");
});
});
供您参考:
http://api.jquery.com/change/
http://api.jquery.com/append/
您可以使用jQuery来帮助您。使用change()函数(http://api.jquery.com/change/)来获取下拉列表值,并创建另一个jQuery函数来填充文本字段。
本教程可能会对您有所帮助http://charlie.griefer.com/blog/2009/09/17/jquery-dynamically-adding-form-elements/
以下是如何做到这一点:
<?php
$num = 2; //get number input from user
for ($i = 0; $i < $num ; $i++) {
echo '<input type="text" />';
}
?>