这是我的代码:
//select temp
var select="<div class=\"new-option\">"
+ "<h3>new option</h3>"
+ "<label for=\"attributeName"+count+"\">New otion:</label>"
+ "<input class=\"attribute\" type=\"text\" name=\"attributeName"+count+"\">"
+ "</div>";
//get value of select
$('.tattribute').change(function() {
if (this.value == "select-list") {
$(this).next('.option').append(select);
}
if(this.value!="select-list") {
$(this).next('.option').remove();
}
});
当从表单中选择选择列表时,将附加代码。当未选择选择列表时,它还会删除代码。但是,当我选择选择列表然后选择另一个选项时,它将不再起作用。代码已删除,但当我第二次或第三次选择 select-list 时将再次附加。它只工作一次
继承人的html
<select id="t" class="attribute" name="attributeType3">
<option value="text" selected="">Text</option>
<option value="checkbox">Checkbox</option>
<option value="select-list">Select Option List</option>
<option value="notes">Notes</option>
</select>