亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 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 關注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號