javascript - Jquery change() は一度しか機能しません

Question

私のコードは次のとおりです。

//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 が選択されると、コードが追加されます。また、select-list が選択されていない場合は、コードを削除します。ただし、選択リストを選択してから別のオプションを選択すると、機能しなくなります。コードは削除されますが、select-list を 2 回目または 3 回選択すると再度追加されます。それは一度だけ動作します

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>