我正在动态添加表格行。每行都有输入字段,以及动态出现的下拉字段。当我从下拉列表中选择值时,我想通过所选的id添加所选值的文本框。我想对动态添加行中的每个下拉列表选择执行此操作。如何在每个下拉菜单选择上添加和删除文本框?
假设你有这个:
<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。
2-此脚本适用于类而不是ID。
3-在此脚本之前包含jQuery,因为它使用jQuery。