C# 使用javascript或jquery创建动态文本框
我不知道它叫什么(新的编程),但我需要做1个文本框和1个按钮,如果用户在文本框中输入任何数字并单击按钮,文本框将显示取决于在文本框中输入的数字,例如用户在单击按钮后在文本框中输入5文本框将显示C# 使用javascript或jquery创建动态文本框,c#,jquery,asp.net,button,textbox,C#,Jquery,Asp.net,Button,Textbox,我不知道它叫什么(新的编程),但我需要做1个文本框和1个按钮,如果用户在文本框中输入任何数字并单击按钮,文本框将显示取决于在文本框中输入的数字,例如用户在单击按钮后在文本框中输入5文本框将显示 <table style="margin-top:10px; margin-bottom:10px"> <tr> <td width="300" style="text-align:left">&l
<table style="margin-top:10px; margin-bottom:10px">
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbres1" runat="server" Text="Address"></asp:Label></td>
<td width="300"><asp:TextBox ID="txtres2" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td style="text-align:left"><asp:Label ID="lbres3" runat="server" Text="Number of House occupant"></asp:Label></td>
<td><asp:TextBox ID="txtres4" class="basetxt" runat="server" Width="290"> </asp:TextBox></td>
</tr>
<tr>
<td style="text-align:left"><asp:Button ID="btnAddOccupant" runat="server" Text="+" />
<asp:Label ID="lbres5" runat="server" Text="Add Occupant"></asp:Label></td>
</tr>
</table>
我应该添加1个文本框,剩下的由c#或jquery来完成吗
它在jquery对话框中,顺便说一句,您可以使用javascript或jquery来完成。在这里,我向您提供了使用JavaScript和JQuery的方法。请查找以下相同的示例: 使用JavaScript:
<input type="text" id="textInput" value="" />
<input type="button" id="buttonCreateTextbox" value="Create Textbox" onclick="CreateText();"/>
<div id="divDynamicTexts"></div>
<script type="text/javascript" language="javascript">
function CreateText() {
var text = '<input type="text#" id="textInput" value="" /><br/>';
var textCount = document.getElementById('textInput').value;
var html = '';
for (var i = 0; i < $('#textInput').val() ; i++) {
html = document.getElementById('divDynamicTexts').innerHTML;
document.getElementById('divDynamicTexts').innerHTML = html + text.replace('#', i);
}
}
</script>
函数CreateText(){
变量文本='
';
var textCount=document.getElementById('textInput')。值;
var html='';
对于(var i=0;i<$('#textInput').val();i++){
html=document.getElementById('divDynamicTexts').innerHTML;
document.getElementById('divDynamicTexts')。innerHTML=html+text.replace('#',i);
}
}
使用JQuery:
<input type="text" id="textInput" value="" />
<input type="button" id="buttonCreateTextbox" value="Create Textbox" onclick="CreateText();"/>
<div id="divDynamicTexts"></div>
<script type="text/javascript" language="javascript">
$('#buttonCreateTextbox').click(function () {
var text = '<input type="text#" id="textInput" value="" /><br/>';
for (var i = 0; i < $('#textInput').val(); i++) {
$('#divDynamicTexts').append(text.replace('#', i));
}
})
</script>
$(“#按钮创建文本框”)。单击(函数(){
变量文本='
';
对于(var i=0;i<$('#textInput').val();i++){
$('#divDynamicTexts').append(text.replace('#',i));
}
})
注意:以上示例仅为示例。您可以根据自己的需要进行更改
要求
听起来你说的是层叠文本框,搜索这个词可能会有所帮助。所以它叫
层叠文本框
谢谢,伙计,我真的不知道这个词的确切含义是什么你的意思是你想根据用户的输入创建多个文本框?假设用户输入5并单击按钮,则应创建5个新文本框。我说的对吗?@SpiderCode是的,先生你能给我举个例子吗code@Newbie当前位置我已经提供了解决方案。希望它对你有用并且你喜欢它。别忘了投票,并将其标记为答案,这样它也可以帮助其他开发人员。您是否可以更新此选项以显示div取决于用户在文本框中输入的内容?因为我的新项目现在是显示div,取决于用户输入的数字。我已经编辑了这个问题。希望你能帮我解决这个问题。它对这个问题给出了不同的答案。撤消此问题并发布新问题