嘿伙计们我想将变量pid值传递给隐藏文本字段pid,但无法这样做。
HTML code:
<div id="overlay_forma">
<h4>Another popup</h4>
<input id="addElement" type="button" value="Add to Form" />
<input id="removeElement" type="button" value="Remove" />
<form id="samplecode" name="samplecode" method="POST" action="<%= request.getContextPath() %>/AddProjectTaskDAO">
<fieldset>
<legend><b> Dynamically added form elements </b></legend>
<div id="generatedForm">
<div>
<input id="processForm" type="submit" value="Submit to Process" />
</div>
</div>
</fieldset>
</form>
<center><a href="#" id="closea" >Close</a></center>
</div>
jQuery代码:
var counter = 1;
$("#addElement").click(function(event){
var pid=$('#addElement').data('pid');
var pname=$('#addElement').data('pname');
if(counter>10){
alert("Only 10 textboxes allow");
return false;
}
var $newDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
var $newInput = $("<label>Input Box: </label>" + "<input type='hidden' id='pid' name='pid' value='pid'>" + "<select name='uname'><c:forEach items='${ual}' var='u'><option value='<c:out value='${u.uname}'></c:out>'><c:out value='${u.uname}'></c:out></option></c:forEach></select>" + "<textarea rows='5' cols='15'></textarea>" + "<input type='text'>");
$newInput
.attr("name", "$('#addElement').data('pid')" + counter)
.addClass("text")
.attr("name", "uname" + counter)
.addClass("text")
.attr("name", "ptdesc_emp" + counter)
.addClass("text")
.attr("name", "ptestd_time_alloc" + counter)
.addClass("text");
$newInput.appendTo($newDiv);
$newDiv.appendTo($("#generatedForm"));
counter++;
});
我还尝试在隐藏文本字段的val中添加$(&#39;#addElement&#39;)。data(&#39; pid&#39;)而不是pid,但仍然无法显示pid的输出
感谢任何帮助。
答案 0 :(得分:1)
使用'"+pid+"'
- pid是变量。
<input type='hidden' id='pid' name='pid' value='"+pid+"'>
而不是
<input type='hidden' id='pid' name='pid' value='pid'>
替换为此行
var $newInput = $("<label>Input Box: </label>" + "<input type='hidden' id='pid' name='pid' value='"+pid+"'>" + "<select name='uname'><c:forEach items='${ual}' var='u'><option value='<c:out value='${u.uname}'></c:out>'><c:out value='${u.uname}'></c:out></option></c:forEach></select>" + "<textarea rows='5' cols='15'></textarea>" + "<input type='text'>");
注意:
在您尝试附加id='pid'
的代码中,每个附加事件都会保留在那里。这将导致重复的ID。
<强> Working Fiddle 强>