如何从表单字段中获取值答案

【问题标题】：How to get vaules from form-fields如何从表单字段中获取值
【发布时间】：2013-11-20 16:50:04
【问题描述】：

我正在尝试制作一个底部带有 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>

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

提前，谢谢！

【问题讨论】：

标签： javascript forms select calculator

【解决方案1】：

您必须在HTML Page 中指定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;

【讨论】：

多个discospinns！成功了：D谢谢你的一群朋友^^
@Freshman：不客气 :) 如果对您有帮助，请接受它作为答案。
呵呵，抱歉耽搁了，你刚刚解决得很快；P

【解决方案2】：

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

【讨论】：

我认为这几乎可以工作，但它返回的值是“未定义”
@Freshman：检查我编辑的答案，您需要为选择元素添加 id 属性

【解决方案3】：

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

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

【讨论】：