0

这是我的代码:

//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>
4

0 回答 0