Javascript 如果选项等于值，则动态添加新行

我在bootstrap中创建了一个特定的表单。但是，我想使其动态化，以便根据字段值显示字段。例如，如果选项字段的值为1或2，如何添加textarea

<div class="container">
<h3>Kontakt</h3>
<div class="row">
    <div class="form-group form-group-options col-lg-6 col-centered">
        <div class="input-group input-group-option col-xs-12  col-centered">
            <input type="text" name="option[]" class="form-control" placeholder="Navn">

        </div>
        <div class="input-group input-group-option col-xs-12  col-centered">
            <input type="text" name="option[]" class="form-control" placeholder="Email">

        </div>
        <div class="input-group input-group-option col-xs-12  col-centered">
            <input type="text" name="option[]" class="form-control" placeholder="Address">

        </div>
        <div class="input-group input-group-multiple-select col-xs-12">
            <select class="form-control" name="values[]">
                <option value="">V&aelig;lg</option>
                <option value="1">Tilflytning</option>
                <option value="2">Fraflytning</option>
                <option value="3">Andet</option>
            </select>
        </div>
    </div>
</div>
</div>

康塔克
Væ；lg
瓦楞
弗雷特宁
安第斯山脉

---

您可以利用更改事件。您可以这样做：

$('select').on('change',function(e){
    //Insert your conditions, for example:
    if($(this).val()=='2'|| $(this).val()=='3'){
        //Insert here what you want, for example:
        $('<p>Test</p>').insertAfter('.input-group-multiple-select');
    }
})

$（'select'）。关于（'change'，函数（e）{
//插入您的条件，例如：
if（$（this.val（）='2'| |$（this.val（）='3'））{
//在此处插入所需内容，例如：
$（“Test
”）.insertAfter（“.input-group-multiple-select”）；
}
})

---

现在让我来说明一下，这很有用。

更改事件正是您所需要的

$（'#select'）.change（function（）{
$（this）.val（）==“1”| |$（this）.val（）==“2”？$（“#textarea”）.removeClass（“隐藏”）：$（“#textarea”）.addClass（“隐藏”）；
}).触发（“变更”）
/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
身体{
利润率：10px；
}

康塔克
Væ；lg
瓦楞
弗雷特宁
安第斯山脉
有点晚了，但这是我的贡献：

jQuery(document).ready(function ($) {    
    $("select[name='values\[\]']").on("change", function () {
        if ($(this).val() == 1 || $(this).val() == 2) {
            $("#textarea").remove();
            $("<div id='textarea' class='input-group input-group-option col-xs-12  col-centered'><textarea name=''></textarea></div>")
            .insertAfter(this)
            .parent();
        } else {
            $("#textarea").remove();
        }
    });
});

jQuery（document）.ready（函数（$）{
$（“选择[name='values\[\]']”）。在（“更改”上，函数（）{
if（$（this.val（）==1 | |$（this.val（）==2）{
$（“#textarea”）.remove（）；
$("")
.insertAfter（本）
.parent（）；
}否则{
$（“#textarea”）.remove（）；
}
});
});

我强烈推荐使用MVC/MVVM框架，例如或。你能用其中一个吗“如果选项字段的值为1或2，如何添加textarea？”