需要改进导航列表

Navigation list improvement needed

本文关键字：导航 列表      更新时间：2023-09-26

我做了一个简单的html导航列表+一些javascript。事情是，我想要一个值返回时，我选择一个选项，并单击提交，但值只是消失在像1秒，这里是代码:

<!doctype html>
<html>
<head>
<title>lol</title>
<meta charset="utf-8">
</head>
<body>
    <form action="" name="form">
       <input type="text" id="hp">
       <select name="" id="lol">
            <option value="neki1">neki1</option>
            <option value="neki2">neki2</option>
            <option value="neki3">neki3</option>
       </select>
       <input type="submit" onmousedown="radi()">   
       </form>
       <script type="text/javascript">
         function radi () {
            var x = document.getElementById('lol').selectedIndex,
            y = document.getElementById('lol').options,
            z = Number(document.form.hp.value),
            zSum = 0;
            if(y[x].text === "neki1"){
            zSum = z + 20;
            }
            else if(y[x].text === "neki2" ){
            zSum = z + 35;
            }
            else if(y[x].text === "neki3" ){
            zSum = z + 55;
            }
            document.form.hp.value = zSum;
        }
</script>
</body>
</html>

编辑:如果我改变选项，我也希望旧值减去:))，是的，第一个问题已经回答了。

第二个问题

user parseInt() javascript将文本框的值转换回整数的方法。如果值不为0，则根据需要进行减法。

parseInt(document.form.hp.value)

这是因为您没有阻止表单提交，页面正在重新加载。将按钮代码更改为:

<input type="submit" onclick="return radi()">

并在函数末尾添加

return false;
<<p> jsFiddle例子/strong>
相关文章：