为了账号安全,请及时绑定邮箱和手机立即绑定

在 MVC 视图上使用 javascript 和 C# 为动态创建的元素创建 onclick 方法

在 MVC 视图上使用 javascript 和 C# 为动态创建的元素创建 onclick 方法

胡子哥哥 2023-07-14 15:13:51
我面临的问题是,运行此代码时,代码可以正常工作,直到我在脚本 #option.onclick(vise()); 之间添加这行代码。我想做的工作是,当单击创建选项或选择任何选项时,我想调用该函数,但是当添加此行时,整个事情都会停止工作。<html><head><head><body><script type="text/javascript">var jScriptArray=[];@{    for(int i = 0; i < ViewBag.userClass.Count; i++)    {        <text>jScriptArray[@i] = "@ViewBag.userClass[@i].username";</text>    }}var select = document.getElementById("global");for (var i = 0; i < jScriptArray.length; i++){    var option = document.createElement("OPTION"),                    txt = document.createTextNode(jScriptArray[i]);    option.appendChild(txt);    option.onclick(vise()); #Error Generator    option.setAttribute("value", jScriptArray[i]);    select.insertBefore(option, select.lastChild);}function vise() {    console.log("hello world.");}</script><form action="DeleteUser" method="post" class="form-horizontal">                                        <div class="control-group">                        <label class="control-label">Username :</label>                        <div class="controls">                            <select id="global" name="username">                                <option value="default">Select</option>                            </select>                        </div>                    </div>                    <div class="form-actions">                        <button type="submit" class="btn btn-success">Save</button>                    </div>                </form></body></html>
查看完整描述

1 回答

?
ITMISS

TA贡献1871条经验 获得超8个赞

更改为select.addEventListener("change", vise)- 不管onclick=(vice())语法是否错误 - 你可以这样做,onclick=vice;但推荐使用 addEventListener 方法


这是一个更优雅的方法


const select = document.getElementById("global");

select.addEventListener("change",vice)

select.innerHTML = jScriptArray

  .map(item => (`<option value="${item}">${item}</option>`)).join("")


查看完整回答
反对 回复 2023-07-14
  • 1 回答
  • 0 关注
  • 117 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信