javascript - 如何从表单字段获取值

Question

我正在尝试制作一个简单的计算器，底部有一个 JavaScript，它根据从表单中选择的一些“值”来计算价格。

<form name="order" method="post" onsubmit="return validering()" action="confirm.php">
<select name="travelers">
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>

我想要一个脚本来获取这个值来进行计算:

<script>
var travel = getValue(getField("travelers"));
var price_each = 300;

var calc_1 = travel * price_each;
var bonus = utregn_1 * 0.8;

document.write("<p>Calculations</p>");
document.write("Number of travelers: " + travel + "<br>");
document.write("Price each : " + price_each + "<br>");
document.write("Your Price: " + calc_1 + "<br>");

        if (document.getElementById('rabatt').checked) {
            document.write("Your Price: " + bonus);
        }
</script>

我无法让脚本获取这些值，有人知道我的脚本出了什么问题吗:)？

提前谢谢您!

Answer 1

您必须指定 HTML 页面 中 select 元素的 ID 属性才能从 JavaScript 获取值>

试试这个:

HTML:

<select name="travelers" id="travelers">
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

Javascript:

var ElementValue=document.getElementById('travelers').value;