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

您必须在ID中指定select元素的HTML Page属性才能从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;

Answer 2

 var travel
 document.getElementsByName("travelers").onchange=function(){          
     var travel = this.value;
 };

Answer 3

如果你想获得旅行者的价值，你只需要写：

var travelers = document.getElementsByName("travelers").value;

如何从表单字段中获取值

3 个答案: