使用所选值在每个动态下拉列表选项上创建文本框

Question

我正在动态添加表格行。每行都有输入字段，以及下拉动态字段。 当我从下拉列表中选择值时，我想通过选中的id添加所选值的文本框。我想在动态添加的行中的每个下拉列表中执行此操作。 我怎样才能添加＆amp;删除每个下拉列表中的文本框？

Answer 1

假设你有这个：

<tr>
  <td>
   <select class='someclass' id='select20'>
      <option value='a'>A</option>
      <option value='b'>B</option>

   </select>
   <div id='txtbox_container20' class='cont-class'></div>
  </td>
</tr>

<script>
  $(document).read(function(){
   $(".someclass").change(function(){
   $(this).next("div.cont-class").html("<input type='text' value='anything'/>");
});
});
</script>

上述脚本适用于所有<select>动态。只需考虑两点：

1-让你的脚本（php或js我不知道）在每个select标签后创建一个具有固定className的div。

2-此脚本适用于类而不是ID。

3-在此脚本之前包含jQuery，因为它使用jQuery。