javascript - html 选择执行 javascript onload

Question

我正在使用 HTML select onchange 事件来触发另一个 javascript 函数 func1。

此 html 选择写入表单元素，当用户单击按钮时动态生成该元素。

问题是当动态生成的表单首次显示时如何触发 javascript func1 ？ 我正在考虑表单的 on_first_show 事件类似的事情？

这是片段。我也无法让警报('don')工作(div之后的警报)

var sPopupContents = "<div ><script type='text/javascript'>alert('don');</script> </div>"; // this javascript is not executed ? I cant get the alert.
sPopupContents += "<form name='theform' >";
sPopupContents += "<select name='theselect' onchange='alert(2);";
sPopupContents += "func1()>'";
sPopupContents += "<option value='0' selected='selected'>Value1</option><option value='1'>Value2</option><br/>";
sPopupContents += "</form>";

-- 编辑-- 我想我可以在 html select 中添加另一个选项来告诉用户进行选择，从而强制 onchange 生效。或者我可以添加一个提交按钮。

Answer 1

您可以使用document.createElement方法而不是使用文字字符串，并通过调用 addEventListener 添加 onchange 事件处理程序.

您将在单引号之前关闭选择标记

sPopupContents += "<select name='theselect' onchange='alert(2);";
sPopupContents += "func1()>'";

应该是:

sPopupContents += "<select name='theselect' onchange='alert(2);";
sPopupContents += "func1()'>";