2012-11-12 87 views
0

我使用下拉列表进行游戏,我想知道如何根据从下拉列表中选择的数字动态添加输入框。例如如果选择了一个,那么添加一个输入框,如果两个然后添加两个输入框等等。任何提示或指导,将不胜感激 感谢使用下拉列表动态添加输入框

+0

获取有关DOM操作的教程。 – toniedzwiedz

+0

Okily dokily .... – user1810449

回答

2

我可以告诉你一个简单的方法,使用jquery:

HTML

<select id="dropdown"> 
    <option value="0">Select number of inputs</option> 
    <option value="1">1 input</option> 
    <option value="2">2 inputs</option> 
    <option value="3">3 inputs</option> 
    <option value="4">4 inputs</option> 
</select> 
<div id="input-holder"></div>​ 

jQuery的

$('#dropdown').change(function(){ 
    if ($(this).val() > 0) { 
     $('#input-holder').empty(); 
     for (i = 1; i <= $(this).val(); i++) { 
     $('#input-holder').append('<input type="text" name="input'+i+'" value="' + i +'" >'); 
     } 
    } 
});​ 

当然,这只是一个例子并且可以通过多种其他方式完成。

+0

我会在哪里放置上面的jQuery代码? – user1810449

+0

你可以在'