0
A
回答
2
您可以使用jQuery append()
方法动态创建HTML。
$("#ddlOptions").on("change", function(e) {
var len = $('.txtInput').length;
if (len == 0) {
$('.container').append('<br> <input type="text" id=txtTextBox_' + len + ' class="txtInput" /> <br>');
}
});
$(document).on("change", '.txtInput', function() {
var len = $('.txtInput').length;
if ($(this).val() != "") {
$('.container').append('<br> <input type="text" id=txtTextBox_' + len + ' class="txtInput" /> <br>');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<select id="ddlOptions">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
</select>
</div>
+0
我想添加一个如果第一个文本框填充生成另一个如果填充生成另一个等.. –
+0
@ websmentor.com请检查片段。代码更新并让我知道你是否面临任何问题。 :) –
+0
谢谢你的工作正常.. –
0
var counter=0;
function generate(){
var newTxt='<input type="text">';
var newSel='<select><option value="">--select--</option></select>';
var txtlimit=document.getElementById('txtlimit');
var div=document.getElementById('newCtrls');
var totalElem=div.getElementsByTagName('input').length;
if(!isNaN(txtlimit.value) && txtlimit.value!=''){
if(parseInt(txtlimit.value)>counter &&
parseInt(txtlimit.value)>totalElem){
div.innerHTML += newTxt + newSel+'<br>';
counter++;
}
}else{
div.innerHTML +=newTxt + newSel+'<br>';
}
}
<input type="text" id="txtlimit" placeholder="Enter Limit"><br>
<input type="text" onkeyup="generate();">
<select onchange="generate();">
<option value="Item1">--select--</option>
<option value="Item1">Item1</option>
<option value="Item2">Item2</option>
<option value="Item3">Item3</option>
</select><br>
<div id="newCtrls">
<h3>Dynamic Controls Here</h3>
</div>
相关问题
- 1. NameError发生在用户输入东西
- 2. 如何动态生成文本框并收集用户输入的数据?
- 3. 如何根据输入数字动态生成文本框?
- 4. 动态生成的文本框,并输入绑定:当把命令
- 5. 当用户没有向文本框输入任何东西时,表格更新为空格
- 6. 防止用户输入任何东西,但整数到文本框
- 7. 无法在HTML文本框中输入任何东西
- 8. 动态生成输入域
- 9. 用户输入文本框
- 10. ASP.Net当用户在文本框中输入时禁用回发
- 11. 生成动态文本框和标签
- 12. Asp.net MVC动态生成的文本框
- 13. 动态文本框生成按钮来生成文本框的子集
- 14. 文本框输入的自动完成
- 15. 当他输入文字时自动提示用户输入
- 16. AngularJS:如何生成动态NG-模型输入类型(文本)
- 17. AngularJS:如何生成动态NG-模型输入类型=文本
- 18. ReactJS中动态生成的输入文本框值设置问题
- 19. 更改文本颜色Onfocus事件或当用户键入东西
- 20. 基于文本框输入的动态文本框创建
- 21. 如何使用JavaScript验证动态生成的输入框
- 22. 自动完成动态生成的文本框
- 23. jquery自动完成动态生成的文本框
- 24. Angularjs占位符在动态生成文本框时不显示
- 25. 输入文本框滚动
- 26. 动态生成的输入不工作
- 27. 用户在文本框中的输入
- 28. 文本框用户输入限制
- 29. jQuery文本框用户输入长度
- 30. 如何在Facebook上的“写东西...”框中输入文本并单击提交
使用'.append()' – guradio
确定,我怎么可以检查用户输入的任何东西,或不? –