gpt4 book ai didi

javascript - 这段动态生成 SelectBox 的代码有什么问题?

转载 作者:行者123 更新时间:2023-12-03 07:04:14 26 4
gpt4 key购买 nike

<html>

<head>

<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script>
function myf() {
alert("coming dude");
var numbersString = "1,2,3,4,5,6";
var data = numbersString.split(',');

var s = $("<select id=\"selectId\" name=\"selectName\" />");
for(var val in data) {
$("<option />", {value: val, text: data[val]}).appendTo(s);
}
s.appendTo("#msj_form");
}
</script>


</head>

<body >

<form id="msj_form" >

<button id="add" value="add" onclick="myf()">ADD</button>



</form>

</body>

</html>

单击“ADD”按钮时,selbox 正在生成,但它立即消失......我的代码出了什么问题

单击“ADD”按钮时,selbox 正在生成,但它立即消失......我的代码出了什么问题

最佳答案

因为调用函数后表单就会提交,所以您需要做的是阻止表单提交。

试试这个:

<html>
<head>
</head>
<body>
<form id="msj_form" >
<button id="add" value="add">ADD</button>
</form>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
function myf(e) {
e.preventDefault(); // <-- make sure to add this
alert("coming dude");
var numbersString = "1,2,3,4,5,6";
var data = numbersString.split(',');

var s = $("<select id=\"selectId\" name=\"selectName\" />");
for(var val in data) {
$("<option />", {value: val, text: data[val]}).appendTo(s);
}
s.appendTo("#msj_form");
}
$('#add').on('click',myf);
</script>
</body>
</html>

如果您想了解有关 preventDefault() 的更多信息,请参阅此处 - https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

关于javascript - 这段动态生成 SelectBox 的代码有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36897083/

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