个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
<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
这个问题已经有答案了: select all options in html select dynamically (3 个回答) 已关闭 6 年前。 我有两个像这样的小选择框: 我添加了一个小的 J
我正在使用 http://www.bulgaria-web-developers.com/projects/javascript/selectbox/ 中的选择框 jQuery 插件。 我还有一个链接
http://www.bulgaria-web-developers.com/projects/javascript/selectbox/ 是否有任何“按键”事件，以便用户可以跳转到特定选项？就像我们
我有一个表 teamtrack_activity，其中包含 id 和 Activity_name。 我有一个表 teamtrack_entry，其中包含所有团队每日条目。该表有一个字段“activit
我试图设置两个 select-boxes从第一个选择框中选择一个选项后启用第二个选择框即可工作。 结果来自带有 js 的 json 到我页面上的 div。 第二个选择设置为 disabled 第一次尝
我正在寻找通过右键单击鼠标右键打开下拉列表的解决方案。 更多详情: 1) 使用ajax显示MySQL表 2) 我选择一行 3)我在行上单击鼠标右键 4) 我看到一个小的选择框列表，其中包含编辑此行的选
function myf() { alert("coming dude"); var numbersString = "1,2,3,4,5,6"; var data = numbersStri
昨天我成功地在数组中添加了新元素，但现在我陷入困境，因为当我尝试在下拉框中显示这些元素时，每次在数组中添加新元素时，它都会再次将整个数组添加到列表中，而不仅仅是用户在数组中添加的新元素。 这是我的代码
现在，如果我提交表单并且出现错误，它只会显示存在错误，而无需重新选择存在错误的项目(该页面称为“更改项目”)，您可以在此处更改以下值某个项目。 附注在我发布的图片中，您可以看到我专门输入了一个字符串“
我有一个包含三个选项的选择框。当用户选择三个选项之一时，我希望在其下方显示一个特定的 div。我正在尝试编写代码来指示在选择三个选项中的每一个时要显示哪个特定框。到目前为止，我只研究了与第一个选项相关
我用过这种插件。 https://github.com/marcj/jquery-selectBox 但是这个插件的功能很好。但问题是选择下拉菜单在平板电脑和移动设备上看起来不太好。 我用过这个代码。
这是一个选择框(我已经使用和修改)。当我单击选择框时，它会变成文本输入并显示工字梁。只是想禁用此工字梁。我怎样才能得到它？ Check JSfiddle 这是 html: option1
您好，我想要执行以下操作: 我有一个选择框，当我在更改产品的过程中单击页码时效果很好，我现在要做的是单击选择框图标自动前进到下一个值(页面)。 这是我的选择框，工作正常: page
我正在编写一个 PhoneGap 应用程序并使用 Twitter 的 Bootstrap 进行响应式设计。 校园/帐户/部门的框是选择框。我认为很明显的问题是选择框很小，当我在 css 中尝试时无法更
全部， 我以前成功使用过多选，但是当我尝试这个我作为 POC 尝试的特定示例时，行为非常奇怪。本质上，我想要做的是使用多选让应用程序在中间步骤等待用户输入。但是，multiselect 不会等我选择我
如何在页面加载时在其选择框中预先选择标签？到目前为止，这是我的代码: HTML: Windows OSX Linux JS: $(".operatingSystems").
我使用下面的代码从下拉列表中选择选项，但我得到: Uncaught TypeError: $(...).selectBox is not a function. 在控制台中。我将使用jquery-se
我有以下选择框 -- PLEASE SELECT -- -- ADD NEW -- Smith Company Jones Company Wright Company 页面上有多个 loc_id
如果 mysql db 值 12 [此值不重要] 在选择框上并且仅使用 PHP 和 HTML(而不是 javascript 等)，我想不显示任何内容 我使用此代码进行显示:none; optionse
我在地址表单输入上有自动完成功能。当用户点击建议时，州和邮政编码信息会自动填充。cp_state 是带有状态名称下拉列表的选择框，而cp_zipcode 是邮政编码的输入文本。 我使用下面的 java
我是一名优秀的程序员,十分优秀！