根据下拉列表中的选定选项更改文本框。动态HTML

Question

我们正在尝试创建一个类似https://www.olark.com/extensions/targeting的屏幕（点击＆＃34;开始聊天＆＃34;），但使用json数据。 我们创建了大部分屏幕，但面临一些问题。 我们想要在选择下拉菜单时更改文本框。

示例Demo

在此演示中选择＆＃34; select3＆＃34;从if条件然后将显示另一个文本框。如果我们选择＆＃34;选择4＆＃34;另一个文本框将显示在olark中。

我们无法理解需要哪些JSON修改以及我们如何做到这一点。

  function initClickForAddRemove(){
$(".add").unbind().click(function(x){
    console.log($(this).closest("ul").attr("id"));
    var id=$(this).closest("ul").attr("id");
    //$('#'+id).append($("#"+id).clone());
    $("#"+id).clone(true, true).appendTo($("#"+id).parent());
});

$(".remove").unbind().click(function(x){
    console.log($(this).closest("ul").attr("id"));
    var id=$(this).closest("ul").attr("id");
    $("#"+id).remove();
    //$("#"+id).clone(true, true).appendTo($("#"+id).parent());
});
}