javascript - 将 <select> 值传递给函数参数

标签 javascript

我的表格中有选择的汽车。如何传递它的值来改变函数的参数?

<html>
<head>
    <title>hello</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script language="JavaScript">
        var a = 0;
        var b = 0;
    </script>    

</head>
<body>

    <script>
        function change()
        {
        a=5
        b=6
        update();
        }

        function update()
        {

        var returns = document.getElementById("returns");
        returns.value =a;

        var status = document.getElementById("status");
        status.value = b;
        }
    </script>

    <form>
    <input type="button" value="change" onclick="change()">
    <input type="text" name="returns" id="returns">
    <input type="text" name="status" id="status">
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

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

最佳答案

除了额外的脚本标记(这是错误的)之外,您还可以使用 javascript 获取 select 元素的值,如下所示:

html

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

javascript

var cars = document.getElementById("cars");
var carSelected = cars.options[cars.selectedIndex].value;

或者正如 @RickHitchcock 所提到的,只需使用 cars.value

关于javascript - 将 <select> 值传递给函数参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33672206/

相关文章:

javascript - 具有搜索和 Treeview 功能的 AngularJS 下拉列表

Javascript 数组创建表

javascript - 将Javascript转换为Jquery或除选择器外的Javascript

javascript - 可以从一系列 promise 中删除 promise 吗?

javascript - Cordova Socket io xhr 轮询错误

javascript - jquery切换不会在点击时关闭

javascript - 缓存文档对象对性能有什么好处吗?

javascript - 与更新/输入的元素交互

javascript - Vue-cli 版本 3 BETA webpack 配置

javascript - 如何通过单击按钮获取跨不同网页的元素?