如何在jquery中没有onclick fire on button的情况下生成动态文本框？ [英] How to generate dynamically textbox without onclick fire on button in jquery?

问题描述

如果textbox不为空，我想动态生成文本框，自动生成新文本框。我尝试下面的代码，但它总是隐藏字段值textbox1 ..

I want to generate textbox dynamically if textbox is not empty the generate new textbox automatically. I try below code but its take always hidden field value textbox1..

<div class="col-md-5">
                                       <asp:HiddenField ID="hdnCounter" runat="server" />
                                       <asp:HiddenField ID="hdnNumber" runat="server" />
                                       <asp:HiddenField ID="hdnModel" runat="server" />
                                       <div id='TextBoxesGroup'>
                                           <div id="TextBoxDiv1" class="form-group">

                                               <label>Serial No  : </label>
                                               <input type='textbox' id='textbox1' class="form-control" onchange="GetModelName(this);" />

                                           </div>
                                       </div>
                                   </div>

我的尝试：



$（input [id $ ='hdnCounter']）。val（textbox1）;

$（document）.ready（function（）{



var counter = 2;



$（＃+ $（input [id $ ='hdnCounter' ]）。val（））。click（function（）{



if（counter> 10）{

alert（只有10个文本框允许）;

返回false;

}



var newTextBoxDiv = $（文档。 createElement（'div'））

.attr（id，'TextBoxDiv'+ counter）;



var NewModel = $（ document.createElement（'div'））

.attr（id，'TextBoxModel'+ counter）;



newTextBoxDiv.after （）。html（

''）;




NewModel.after（）。html（

''）;



newTextBoxDiv.appendTo（＃TextBoxesGroup）;

NewModel.appendTo（＃TextBoxesGroupMode）;

var textid =textbox+ counter;

$（input [id $ ='hdnCounter']）。val（textid）;

counter ++;





// alert（msg + Model）;

}）;

What I have tried:

$("input[id$='hdnCounter']").val("textbox1");
$(document).ready(function () {

var counter = 2;

$("#" + $("input[id$='hdnCounter']").val()).click(function () {

if (counter > 10) {
alert("Only 10 textboxes allow");
return false;
}

var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);

var NewModel = $(document.createElement('div'))
.attr("id", 'TextBoxModel' + counter);

newTextBoxDiv.after().html(
' ');


NewModel.after().html(
' ');

newTextBoxDiv.appendTo("#TextBoxesGroup");
NewModel.appendTo("#TextBoxesGroupMode");
var textid = "textbox" + counter;
$("input[id$='hdnCounter']").val(textid);
counter++;


// alert(msg + Model);
});

推荐答案

（input [id

("input[id

='hdnCounter']）。val（textbox1）;

='hdnCounter']").val("textbox1");

（document）.ready（function（） {



var counter = 2;

(document).ready(function () {

var counter = 2;

这篇关于如何在jquery中没有onclick fire on button的情况下生成动态文本框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！