Fatal编程技术网
  • php/
  • Php 根据下拉选择显示多个文本框

Php 根据下拉选择显示多个文本框

php jquery drop-down-menu

Php 根据下拉选择显示多个文本框,php,jquery,drop-down-menu,textbox,Php,Jquery,Drop Down Menu,Textbox,我想根据从下拉列表框中选择的选项在表单中显示多个文本框 例如，如果用户选择1，则应显示1个文本框；如果用户选择2，则应显示2个文本框。我需要用PHP来做 我使用jQuery找到了一些答案。我们可以在PHP中使用jQuery吗？如果是的话，怎么办 编辑 @埃德温·亚历克斯 这就是我的选择选项的外观 <h2><u>DEPENDENT DETAILS</u></h2><br /> <table border="

我想根据从下拉列表框中选择的选项在表单中显示多个文本框

例如，如果用户选择1，则应显示1个文本框；如果用户选择2，则应显示2个文本框。我需要用PHP来做

我使用jQuery找到了一些答案。我们可以在PHP中使用jQuery吗？如果是的话，怎么办

编辑

@埃德温·亚历克斯 这就是我的选择选项的外观

<h2><u>DEPENDENT DETAILS</u></h2><br />
            <table  border="1" style="border-style:dotted" width="100%" id="dependenttable">
            <tr><td>No of Dependent</td><td><select name="numDep" id="dropdown">
                <option value="">Please Select</option>
                <option value="0">0</option>
                <option value="1">1</option>
                <option value="2">2</option></select></td></tr>

            <tr id="textboxDiv"></tr>

相关详细信息

家属人数
请选择
0
1.
2.
在这些文件的末尾，我已经编写了您的代码。

我认为您可以在JavaScript的帮助下轻松地完成这项工作。这里有一个例子。尝试它，并根据您的要求进行修改

<html>
<head>
<title>Select DIV to show</title>
<script type="text/javascript">
function show(obj) {
no = obj.options[obj.selectedIndex].value;
count = obj.options.length;
for(i=1;i<count;i++)
document.getElementById('myDiv'+i).style.display = 'none';
if(no>0)
document.getElementById('myDiv'+no).style.display = 'block';
}
</script>
</head>
<body>
<form name="myForm">
<select onChange="show(this)">
<option value="0">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form>
<div id="myDiv1" style="display:none"> <form>
<select>
<option value="0">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form></div>
<div id="myDiv2" style="display:none"><form><input type="text" ><br>
<input type="text"/><br>
<input type="submit"/></form></div>
<div id="myDiv3" style="display:none"><form><input type="text" ><br>
<input type="text"/><br>
<input type="submit"/></form></div>
</body>
</html>


选择要显示的DIV
功能显示（obj）{
否=对象选项[obj.selectedIndex]。值；
计数=obj.options.length；
对于（i=1；i0）
document.getElementById（'myDiv'+no）.style.display='block'；
}
挑选
一个
两个
三
挑选
一个
两个
三
在本例中，只需更改“myDiv1”、“myDiv2”、“myDiv3”中的代码。我想这会让你受益。：）你可以使用Jquery来获得这个。试试这个

HTML:

<tr><td>No of Dependent</td><td><select name="numDep" id="dropdown">
    <option value="">Please Select</option>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option></select></td>
</tr>

<tr id="textboxDiv"></tr>

Dependent的数量
请选择
0
1.
2.
Jquery：

<script type="text/javascript">
$(document).ready(function() {
    $("#dropdown").change(function() {
        var selVal = $(this).val();
        $("#textboxDiv").html('');
        if(selVal > 0) {
            for(var i = 1; i<= selVal; i++) {
                $("#textboxDiv").append('<input type="text" name="textVal[]" value="" />');
            }
        }
    });
});
</script>


$（文档）.ready（函数（）{
$（“#下拉列表”）.change（函数（）{
var selVal=$（this.val（）；
$（“#textboxDiv”）.html（“”）；
如果（选择值>0）{

对于（var i=1；istackoverflow是您在编写代码时就遇到的特定问题提出问题的地方。虽然这可能对您有所帮助，但这不是一个教程网站。更多。您希望每个创建的输入名称都必须不同吗？是的，我希望它们不同。是的，我知道javascript很容易。但我的要求是只使用PHP。无论如何，感谢您花时间提供帮助。您不能仅在PHP中进行此操作。您必须使用javascript并在PHP代码中显示文本字段。我是否需要在任何地方调用此函数。否。如果您将selectbox id定义为下拉列表，则当您更改选择框中的值时将调用此函数。它以未对齐的格式e显示3个框甚至在我在选择框中选择一个值之前。在你选择值之前，它不会显示文本框。你能用代码更新你的帖子吗？它对我非常有效。请看我用你的HTML和完整脚本编辑过。