如何将变量从按钮的单击传递给 javascript 代码
How can I pass variable from the onclick of a button to the javascript code?
这段代码有效:
<script type="text/javascript">
function submit_form()
{
if(confirm('My message here.'))
{
document.my_form_name.submit();
}
}
</script>
<form action="index.php" method="post" name="my_form_name">
<input type="button" value="Skip" onclick="submit_form()">
<input name="submit" type="submit" value="Save and continue">
</form>
突出:
函数 submit_form()
公文。my_form_name.提交()
表单操作="索引.php" 方法="发布" 名称="my_form_name"
输入类型="按钮" 值="跳过" onclick="submit_form()"
这不起作用(但我希望它):
<script type="text/javascript">
function submit_form(variable)
{
if(confirm('My message here.'))
{
document.variable.submit();
}
}
</script>
<form action="index.php" method="post" name="my_form_name">
<input type="button" value="Skip" onclick="submit_form('my_form_name')">
<input name="submit" type="submit" value="Save and continue">
</form>
突出:
函数submit_form(可变)
公文。变量.提交()
表单操作="索引.php" 方法="发布" 名称="my_form_name"
输入类型="按钮" 值="跳过" onclick="submit_form('my_form_name')"
我对PHP还不错,但缺乏像样的JavaScript知识,所以如果有人能指出我正确的方向,我会很高兴!
为什么我需要 2 个按钮?好吧,我想在继续按钮的左侧显示跳过按钮(HTML 流中的第一个),但如果通过按 Enter 键提交表单,我不希望它成为默认操作,因此我让跳过按钮"只是"一个按钮(由 JavaScript 控制提交),只有继续按钮是"真正的"提交按钮......
当你使用document.variable
时,它会查找名为variable
的东西。如果你想让它寻找变量的值('my_form_name'
),使用document[variable]
:
if(confirm('My message here.'))
{
document[variable].submit();
}
@Blex提供了正确的答案。尽管我不喜欢内联JS,但以下内容可以节省一些键入并提高代码的可读性:
.HTML:
<input type="button" value="Skip" onclick="submit_form(this)">
<!-- use this instead of 'my_form_name' -->
.JS:
variable.form.submit(); //instead of document[variable].submit();
相关文章:
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 面向对象的Javascript代码在IE7中不起作用
- 通过命令行/批处理文件打开页面时,将javascript代码注入Google Chrome
- JavaScript代码问题:我正在将对象转换为数组
- Javascript阻止其他Javascript代码
- JavaScript代码未正确检查ajax请求
- 如何调试Javascript代码或函数
- 为什么我在这个javaScript代码中使用NaN
- 将javascript代码转换为jquery代码时出错
- 如何从Objective-C代码中调用javascript代码
- 有什么工具可以轻松读取javascript代码吗
- 这个javascript代码是如何编写的
- 如何解密此javascript代码
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- HTML标记,包含带引号的JavaScript代码中的引号
- 如何在Win8Metro应用程序的Javascript代码中捕获自己的C#事件
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- JavaScript代码无法在表单上呈现部分
- 以下 JavaScript 代码与 Facebook 相关
- 使用解析为javascript源的.php,如何使用条件语句将javascript代码封装在php括号之间