Javascript 如果动态添加，则选择的jQuery不起作用

我通过javascript动态添加新行，选择jQuery下拉列表和文本框。文本框很好，但是，一行中新添加的下拉列表不起作用（甚至不可单击）。如果我使用简单的html下拉列表，那么它会工作得很好。 请帮忙

HTML

测试1
测试2

Javascript

函数insRow（）
{
var x=document.getElementById（'POITable'）；
var new_row=x.rows[1]。克隆节点（true）；
var len=x.rows.length；
新的行。单元格[0]。innerHTML=len；
var inp1=new_row.cells[1]。getElementsByTagName（'select'）[0]；
inp1.id+=len；
inp1.value=''；
var inp2=new_row.cells[2].getElementsByTagName（'input'）[0]；
inp2.id+=len；
inp2.value=''；
var inp3=new_row.cells[3]。getElementsByTagName（'input'）[0]；
inp3.id+=len；
inp3.value=''；
x、 追加子项（新的_行）；
}

您是否尝试触发“已选择：已更新”事件：

将新选项添加到“选择”菜单后

---

稍后编辑：如果您使用的是旧版本的Selected，则事件可能称为“liszt:Update”

这是CSS问题，只需在脚本中添加此代码片段即可

$(".chosen-container").css("min-width","220px");

---

概念很简单，创建动态htmlcheck后应用插件事实上，我不是在添加新选项，而是在x.appendChild（new_row）insert:$（new_row.getElementsByTagName（“select”）[0]）之后用insRow（）方法复制整个控件；

$(".chosen-container").css("min-width","220px");