gpt4 book ai didi

javascript - 单击函数动态创建按钮

转载 作者:行者123 更新时间:2023-11-28 02:43:34 24 4
gpt4 key购买 nike

<分区>

我创建了一个脚本,其中将根据选项的选择创建输入字段和按钮。现在我想在单击按钮时执行一个功能。下面是我的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="abc">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<div id="sd"> </div>

函数

$(document).ready(function () {
i=0;
$("#abc").on('change',function() {
var maindiv= document.createElement('div');
maindiv.setAttribute("id","TextBoxesGroup");
var secdiv=document.createElement('div');
secdiv.setAttribute("id","TextBoxDiv1")
maindiv.appendChild(secdiv);
var ipt=document.createElement("input");
ipt.setAttribute("type","text");
ipt.setAttribute("id","textbox1");
secdiv.appendChild(ipt);
var ad=document.createElement("input");
ad.value= "+";
ad.type="button";
ad.style.width="30px";
ad.setAttribute("id","addButton"+i);
ad.onclick=fu_a(this.id);
secdiv.appendChild(ad);
var division= document.getElementById("sd");
division.appendChild(maindiv);
i++;
});
});

function fu_a(id){
alert(id);
}

这里点击按钮函数应该被执行。但实际上它是在更改选项时执行的。这是我的 fiddle :

https://jsfiddle.net/Safoora/ssvjjg6e/16/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com