0

我想要做的是创建一个基于用户选择创建字段的功能

例如;

<select name="ex">  
<option selected="selected" value="1">1</option>  
<option value="2">2</option>  
<option value="3">3</option>  
<option value="4">4</option>  
<option value="5">5</option>  
</select>

如果用户选择了 4,我希望能够显示 4 个输入字段

我的问题是,我将如何构建一个可以做到这一点的查询?

我脑袋嗡嗡作响,我能想到的只有

if($ex='4') {
<input type="text" name="field4">
<input type="text" name="field4">
<input type="text" name="field4">
<input type="text" name="field4">
}

但是必须有一种更简单的方法来显示它们。有任何想法吗?

4

8 回答 8

5

如果使用for循环会更容易,如下所示:

for($i=1;i<=$ex;$i++){
 echo "<input type='text' name='field4[]'>";
}

我希望它有所帮助。

于 2012-05-16T11:19:09.820 回答
3

您甚至可以使用 javascript 即时执行此操作:http: //jsfiddle.net/fudQF/

Javascript:

showFields(t) {
    f = document.getElementById('fields');

    while (f.childNodes.length >= 1)
        f.removeChild(f.firstChild);

    for(i = 0; i < t.value; i++) {
        e = document.createElement('input');
        e.setAttribute('type','text');
        f.appendChild(e);

        e = document.createElement('br');
        f.appendChild(e);
    }        
}

HTML:

<select name="ex" onClick="showFields(this)">  
    <option selected="selected" value="1">1</option>  
    <option value="2">2</option>  
    <option value="3">3</option>  
    <option value="4">4</option>  
    <option value="5">5</option>  
</select>
<div id="fields">
</div>
​
于 2012-05-16T11:24:58.103 回答
1
for($i=0;$i<$ex;$i++)
{echo '<input type="text" name="field'.$i.'">';}

试试这个你可以在选择时使用javascript中的onchange函数来做到这一点

function chang()
{
for(var i=1;i<document.getElementById("select_id").value;i++)
document.body.innerHTML+='<input type="text" name="field"'+i+'>';
}
于 2012-05-16T11:19:36.087 回答
1
for($i = 0; $ < 4; $i++)
{
   echo "<input type=\"text\" name=\"field".($i + 1)."\">";
}
于 2012-05-16T11:20:23.953 回答
1
for ($i=1; $i<=$ex; $i++)
{
   echo "<input type=\"text\" name=\"field".$i."\">";
}

它将为您的字段提供唯一的名称

于 2012-05-16T11:21:25.307 回答
0

if语句似乎是 PHP(变量前的美元符号)。我猜您想回显或保存在输出的变量中。

一种方法是使用重复语句(for,while)来做你需要的次数。

基于您似乎使用完全相同的输出这一事实的另一个选项是使用该str_repeat()函数。

这似乎有点奇怪..也许你想要这个名字field4[]而不仅仅是field4

于 2012-05-16T11:21:05.680 回答
0

假设 $ex=4

$ex=4;
for($C=1;$C<=$ex;$C++){ echo "<input type=\"text\" name=\"field".$C."\" />"; }
于 2012-05-16T11:26:58.020 回答
0

建立在现有答案的基础上——jQuery 可以进一步减少所需的代码量——

HTML

<select name="ex" onClick="showFields(this)">  
    <option selected="selected" value="1">1</option>  
    <option value="2">2</option>  
    <option value="3">3</option>  
    <option value="4">4</option>  
    <option value="5">5</option>  
</select>
<div id="fields">
</div>

jQuery

$("select[name='ex']").on('change',function(){
  var selectedVal = $(this).val();
  $("#fields").html(''); // clear existing input fields (possibly from previous selection)
  for (var i=1; i<=selectedVal; i++){
    $("#fields").append('<input type="text" name="field'+i+'">');
  }
});
于 2012-05-16T11:32:46.163 回答