Question

我想动态填充选择框，其中包含可从文本框总数中获得的数量

即

如果我有文本2文本框，则选择框应该

<select>      
<option value="1">1</option>      
<option value="2">2</option> 
</select>

当我动态添加新文本框，即第三个文本框时，应该动态添加另一个选项，例如..

<select>        
<option value="1">1</option>        
<option value="2">2</option>
<option value="3">3</option> 
</select>

请指导我这个可能的方法

感谢

Answer 1

这样的事情可以解决问题：

var textBoxes = $('input[type="text"]');

textBoxes.each(function() { 
    var nextNo = textBoxes.length;
    $('select').append('<option value="' +nextNo + '">' + nextNo + '</option>');
});

Answer 2

试试这个

HTML

<input type="button" value="add">
<select id="mySelect">      
<option value="1">1</option>      
<option value="2">2</option> 
</select>

的jQuery

$('input[type="button"]').live('click',function() {

    var last = $('select option:last').val();
    var oneMore = parseInt(last)+1;
     $('#mySelect').
          append($("<option></option>").
          attr("value",oneMore).
          text(oneMore)); 
});

<强> DEMO

Answer 3

签出：

<强> JQUERY：

   $("#aAdd").click(function(){
    var vText = $("input:text").length+1;
    $("<br/><input type='text' value="+ vText +"></input>").appendTo("#divAppend");
    $("#selOption").append("<option value="+ vText +">"+ vText +"</option>");
    return false;
})

<强> HTML：

<div id="divAppend">
</div>
<br />
<select id="selOption" style="width:100px;">   
    <option value="0">[Select]</option>
</select>
<br />
<a id="aAdd" href="#">Add</a>

<强> CLICK HERE TO SEE THE DEMO

jquery +用数字填充选择框

3 个答案:

HTML

的jQuery