[英]How to get value from Javascript to input text form?
我有一个选择表,其中包括普通,家庭,豪华,行政等酒店客房,每一种都有相应的价格,我们可以说在普通客房中,我将设置$ 300的价格。
每次我选择时,在选择表单的右侧,让我们说普通房间,在右侧输入文本字段中,它将显示价格$ 300。 因此,基本上我将Java脚本与代码var ordinary=document.getElementByID("ord").value
以便可以将价格设置为var ordinary= 3500
。 下一步是每次我在选择表单中选择普通房间时,从普通变量中获取的值都会显示在输入文本字段中,但是我该怎么做呢?
这是代码
<script language="javascript" type="text/javascript">
var ordinary= document.getElementById("ord").value;
var ordinary= 5300;
</script>
<form action="insert.php" method="post">
<table align="center"><tr><td>
<font face="Arial, Helvetica, sans-serif">RESERVATIONS</font>
</td></tr><hr color="#00CC99"/> <br/>
</table>
<table border="0" align="center">
<tr>
<th align="justify"> Name:   </th>
<td><input type="text" name="name"></td>
</tr>
<tr>
<th align="justify"> Contact Number: </th>
<td><input type="text" name="contact"></td>
</tr>
<tr>
<th align="justify">Room Type: </th>
<td>
<select name="roomType">
<option value="---">---------------------------</option>
<option value="Ordinary " id="ord">Ordinary</option>
<option value="Family ">Family</option>
<option value="Superior ">Superior</option>
<option value="Deluxe ">Deluxe</option>
<option value="Corner Suite King">Corner Suite King</option>
<option value="Executive ">Executive</option>
<option value="Executive Suite">Executive Suite</option>
<option value="Grand Executive">Grand Executive</option>
<option value="Presidential ">Presidential</option>
</select>
</td>
<td>
</td>
</tr>
<tr>
<th align="justify">AddOn Services: </th>
</tr>
</table>
</form>
给select
一个roomType
的id
,然后使用它
var e = document.getElementById("roomType");
var desiredValue = e.options[e.selectedIndex].value;
选项的值应为脚本所需的数据。 您应该调用select元素的selectedIndex
而不是options
,否则我们将不得不输入很多代码……不好意思
<select name="roomType" id="roomType">
<option value="---">---------------------------</option>
<option value="5300">Ordinary</option>
<option value="SomePrice">Family</option>
<option value="SomePrice">Superior</option>
<option value="SomePrice">Deluxe</option>
<option value="SomePrice">Corner Suite King</option>
<option value="SomePrice">Executive</option>
<option value="SomePrice">Executive Suite</option>
<option value="SomePrice">Grand Executive</option>
<option value="SomePrice">Presidential</option>
</select>
将SomePrice更改为所需的值。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.