Javascript 克隆并在更改输入文本的值时选择Box

我对克隆和更改有问题

$（文档）.ready（函数（）{
addBarang（）；
});
函数addBarang（）{
var new_barang=$（“.hidden_input”）.find（“.barang_in”）.clone（）.addClass（“barang_in_clone”）；
$（“.target\u clone:last”）.append（新的\u barang）；
//$（“.barang_in_clone:has（select）”）.addClass（“select2”）；
}
$（'body'）。在（'click'，'btn_kurangi_barang'，函数（）上{
$（this）.clone（'.barang_in_clone'）.remove（）；
});
功能显示模型（id）{
如果（id==''）{
$（“输入[name=show]”。val（“”）；
}否则，如果（id==“1”）{
$（“输入[name=show]”）val（“foo”）；
}否则，如果（id==“2”）{
$（“input[name=show]”）val（“bar”）；
}否则{
$（“输入[name=show]”）.val（“太”）；
}
}

科德汉卡
-皮利-
-橙色的-
-粉红的-
-红色的-
添加
去除

执行以下操作：克隆后清除输入，在更改时选择与选择相关的显示输入：

$（文档）.ready（函数（）{
addBarang（）；
});
函数addBarang（）{
var new_barang=$（“.hidden_input”）.find（“.barang_in”）.clone（）.addClass（“barang_in_clone”）；
$（“.target\u clone:last”）.append（新的\u barang）；
$（“.barang_in_clone:last”）.find（“input[name=show]”）.val（“”）；
//$（“.barang_in_clone:has（select）”）.addClass（“select2”）；
}
$（'body'）。在（'click'，'btn_kurangi_barang'，函数（）上{
$（this）.clone（'.barang_in_clone'）.remove（）；
});
功能展示模型（el）{
如果（el.value==''）{
$（el）.同级（“输入[名称=显示]”）.val（“”）；
}否则如果（el.value==“1”）{
$（el）.sides（“input[name=show]”）.val（“foo”）；
}否则如果（el.value==“2”）{
$（el）.sides（“input[name=show]”）.val（“bar”）；
}否则{
$（el）.sides（“input[name=show]”）.val（“too”）；
}
}

科德汉卡
-皮利-
-橙色的-
-粉红的-
-红色的-
添加
去除

执行以下操作：克隆后清除输入，在更改时选择与选择相关的显示输入：

$（文档）.ready（函数（）{
addBarang（）；
});
函数addBarang（）{
var new_barang=$（“.hidden_input”）.find（“.barang_in”）.clone（）.addClass（“barang_in_clone”）；
$（“.target\u clone:last”）.append（新的\u barang）；
$（“.barang_in_clone:last”）.find（“input[name=show]”）.val（“”）；
//$（“.barang_in_clone:has（select）”）.addClass（“select2”）；
}
$（'body'）。在（'click'，'btn_kurangi_barang'，函数（）上{
$（this）.clone（'.barang_in_clone'）.remove（）；
});
功能展示模型（el）{
如果（el.value==''）{
$（el）.同级（“输入[名称=显示]”）.val（“”）；
}否则如果（el.value==“1”）{
$（el）.sides（“input[name=show]”）.val（“foo”）；
}否则如果（el.value==“2”）{
$（el）.sides（“input[name=show]”）.val（“bar”）；
}否则{
$（el）.sides（“input[name=show]”）.val（“too”）；
}
}

科德汉卡
-皮利-
-橙色的-
-粉红的-
-红色的-
添加
去除

试试这个：

HTML

试试这个：

HTML

---

请运行代码段虚拟文本有什么问题？更改selectbox选项时输入值会更改，实际问题是什么？对不起，文本虚拟只是为了传递我的问题，因为代码太多。当运行我的代码段时。您可以克隆到三个或更多个。请运行代码段。伪文本是怎么回事？更改selectbox选项时，输入值会更改，实际问题是什么？很抱歉，文本伪文本只是为了传递我的问题，因为代码太多。当您运行我的代码段时。你克隆到三个或更多。是的，这对像我这样的初学者很有帮助。。谢谢你们，为什么我要把它和ajax结合起来让浏览器挂起呢？我像它一样添加了ajax：函数showModel（el）{if（el===”）{$（el）.sides（“input[name=model]”）val（“”；}else{$.ajax（{url:'vendor\u inout/vendor\u inout\u crud.php'，type:'POST'，dataType:'JSON'，data:{id\u vendor\u detail:el，type:“get_model”}，//get model dan ukuransuccessuccess:function（data）{console.log（data）；$（el）.birds（“input[name=model]”）.val（data.nama_model++”（“+data.ukuran+”）；}，错误：function（e）{//在出现错误时调用console.log（e.message）；}}}}@wawanSetiyawan发布了另一个问题，我们可以帮助你。是的，这对像我这样的初学者非常有帮助。谢谢madalinguys，为什么我要将它与ajax结合起来，让浏览器挂起？我添加了类似ajax的功能：函数showModel（el）{if（el===）{$（el）.兄弟姐妹（“input[name=model]”）.val（“”；}else{$.ajax（{url:'vendor\u inout/vendor\u inout\u crud.php'，type:'POST'，dataType:'JSON'，data:{id\u vendor\u detail:el，type:'get\u model'}，//get model dan ukuransucture:function（data）{console.log（data）；$（el.sibbies）（“输入[name=model]”）.val（data.nama_model++“（“+data.ukuran+”））；}，错误：函数（e）{//在出现错误时调用。log（e.message）；}}}}}@wawanSetiyawan发布另一个问题，以便我们可以帮助您

<div class="hidden_input" style="display: none">
      <div class="barang_in">
         <label class="col-md-4 control-label">Kode Hanca</label>
         <select onchange='showModel(this)' name="id_vendor_detail" class="form-control" required="">
            <option value="">- PILIH -</option>
            <option value="1">- Orange -</option>
            <option value="2">- Pink -</option>
            <option value="3">- Red -</option>

         </select>
         <button onclick="addBarang()" type="button" data-toggle="tooltip" data-placement="top" title="tambah vendor" class="btn btn-info btn-flat btn-xs pull-left btn_tambah_vendor"><i class="fa fa-plus"></i> add</button>
         <button onclick="removeBarang(this)" type="button" data-toggle="tooltip" data-placement="top" title="kurangi barang" class="btn btn-danger btn-flat btn-xs pull-right btn_kurangi_barang"><i class="fa fa-minus"></i> Remove</button>
         <input type='text' name='show'>
      </div>
   </div>
   <div class='target_clone'>
   </div>

var addBarang = function() {
   var new_barang = $(".hidden_input").find(".barang_in").clone(true).addClass("barang_in_clone");
   $(".target_clone").append(new_barang);
   //          $(".barang_in_clone:has(select)").addClass("select2");
}
var showModel = function(obj) {
   var id = $(obj).val();
   if (id === '') {
      $(obj).closest('.barang_in').find('input[name=show]').val("");
   } else if (id === "1") {
      $(obj).closest('.barang_in').find('input[name=show]').val("foo");
   } else if (id === "2") {
      $(obj).closest('.barang_in').find('input[name=show]').val("bar");
   } else {
      $(obj).closest('.barang_in').find('input[name=show]').val("too");
   }
}

var removeBarang = function(ths) {
   $(ths).closest('.barang_in_clone').remove();
}
$(function() {
   addBarang();
});