JavaScript 警报

标签 javascript html

我的作业有问题... 我不知道我的代码有什么问题.. 我的作业是创建一个简单的学习数学和级别选择...... 我使用下拉菜单来选择级别和算术运算...... 现在我的问题是,当我单击按钮时,它将转到函数start(),然后将选择的级别和操作保存到2个变量中,即levelselect和operationselect...现在我测试它的alert(levelselect); ...假设它会显示我选择的级别的警报窗口...但它不起作用... 感谢您查看我的帖子并愿意帮助我...谢谢...><

<script language="javascript">
var levelselect;
var operationselect;
var num1;
var num2;


function start()
{
                levelselect = form.element["form1"]["level"].value;
                operationselect = form.element["form1"]["operation"].value;
 
alert(levelselect);   
 
} 

</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>


<body>
<form id="form1" name="form1" method="post" action="">
<table align="center">
<tr align="center"><td><label>Choose your Level :</label>
<select id="level" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
</tr>
<tr align="center"><br><br><br><td><label>Choose your arithmetic operations :</label>
<select id="operation" >
<option value="add">Addition</option>
<option value="sub">Subtraction</option>
<option value="div">Division</option>
<option value="mul">Multiplication</option>
</select>
</td>
</tr>
 
<tr>
<td align="center"><input type="button" onclick="start()" value="Generate question"/></td>
</tr>
 

 
</table>
</form>
 
</body>
</html>

最佳答案

如果您想将表单用作 JavaScript 变量,您应该更改输入类型并删除函数调用:

<input type="submit"  value="Generate question" />

然后更改:

<form id="form1" name="form1" method="post" action="" onsubmit="start(this);return false;">

这样,该函数将在单击输入时被调用,但是,我们将其传递为:

function start(myForm) {
    levelselect = myForm["level"]value;
    operationselect = myForm["operation"]value;

    alert(levelselect);

}

在函数“start”中,我们有一个变量:myForm,可用于选择两个选择值

http://jsfiddle.net/L64d5nLe/1/

关于JavaScript 警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26729782/

相关文章:

javascript - 我正在玩 Canvas 。我怎样才能让它发挥作用?

php - 发布与 PHP 填充的下拉菜单相关的 MySQL 数据

javascript - 动态添加时,可折叠 onclick 事件中的 Jquery Mobile 列表不起作用

javascript - 如何定义传递的组件必须具有某些 Prop 但也允许额外的 Prop

javascript - 脚本在进度条开始之前执行

javascript - TS |元素隐式具有 'any' 类型,因为类型 'string' 的表达式不能用于索引类型 'Record<SecurityMode, boolean>'

javascript 隐藏的 div 可见 - 找不到元素

html - li 元素上方不需要的空格

php - 使用 html 复选框和 PHP 更改 MySQL TINYINT(1)

javascript - 如何恢复已被网站禁用的 console.log() 功能?