如何从选择选项更改中动态添加输入字段

Question

我有多个select语句。当我选择一个选项时，我需要在下面动态添加输入字段，其中包含select中的选项文本。感谢帮助。 这就是我所拥有的：

$('#tep_select').on('change',function(){

        if($('#tep_select').val() == 1){

                $('#tep_select_options').append('<input id="tep_select_options_'+1+'" type="text">');
            }else{
                $('#tep_select_options_'+1+'').remove();


 }});

输入控件如何从select的选项中动态获取其文本标签？

Answer 1

试试这个：

$("#tep_select").on("change", function(){

    if($(this).val() === "1") {
        $("<input>")
            .attr("id", "tep_select_options_1")
            .attr("type", "text")
            .val($(this).text())
            .appendTo("#tep_select_options");
    }
    else {
        $("#tep_select_options_"+$(this).val()).remove();
    }

});