所以我有一个表格,我动态地克隆了Jquery .clone。所以当用户在下拉菜单中选择一个取决于值的选项时,它会自动更新一个带有值的文本框,同时仍然允许用户改变它们的值,如果他们不同意那里的是什么的话。代码,我有更新字段,但它是更新所有输入字段的ID我指定我已经尝试引用父项,然后寻找与ID的下一个输入框。我不确定是否我正在处理这个错误。任何帮助,将不胜感激。Jquery Dropdown在克隆表格上选择更新输入字段
我的表单代码:
<div id="test">
<span>
<label>
File Type:
<select id="book_type")
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</label>
<label>
Book ID<input type="text" id="book_id" name="book_id" />
</label>
<label>
Tray Number: <input type="text" name="tray_number" required id="tray_number" class="tray_nu" placeholder="Required" value="" />
</label>
<label>
Comments: <input type="text" name="comments" id="comments" value="" />
<input type="button" id="delBttn" name="delBttn" disabled value="X" />
</label>
</span>
</div>
<div id="new_section"></div>
<input type="button" id="addbutton" value="Add Another Book" />
我复制代码(伟大的工程)和我改变的代码(这是不正常)
$(document).ready(function() {
$("#addbutton").click(function(){
var clone = $("#test").clone(true).insertBefore("#new_section:last");
clone.find('[id*="delBttn"]').attr('disabled', false);
clone.find('[id*="book_type"]').val('');
clone.find('[id*="comments"]').val('');
});
$("#delBttn").click(function(e) {
$(this).closest("span").remove();
e.preventDefault();
});
$("#book_type").change(function(){
var book_type = $(this).val();
if(book_type === '2'){
$('span').parent().find("#tray_number").val('2');
}
});
}); //end of DOM
所以,现在当你点击下拉框并将其更改为选项2,它用选项2的值填充所有框。我试图让它只在与下拉框相同的行中更改托盘编号的值。
你^ h有多个ID的问题。看到我的答案也解决了这些问题。 – 2015-04-02 16:56:07