如何從Javascript獲得價值以輸入文本形式？

Question

我有一個選擇表，其中包括普通，家庭，豪華，行政等酒店客房，每一種都有相應的價格，我們可以說在普通客房中，我將設置$ 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: &nbsp </th> 
            <td><input type="text" name="name"></td> 
        </tr>
        <tr>
            <th align="justify"> Contact Number: &nbsp; </th> 
            <td><input type="text" name="contact"></td> 
        </tr>
        <tr>
            <th  align="justify">Room Type: &nbsp;</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: &nbsp;</th>
        </tr>
    </table>
</form>

Answer 1

給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更改為所需的值。