0

普通、家族、デラックス、エグゼクティブなどのホテルの部屋の種類を選択したフォームがあります。それぞれに対応する価格があります。普通の部屋では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>
4

1 に答える 1

3

を与えてからselectこれidをroomType使用する

var e = document.getElementById("roomType");
var desiredValue = e.options[e.selectedIndex].value;

オプションの値は、スクリプトに必要なデータである必要があります。selectedIndexではなくselect要素のを呼び出す必要があります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を希望の値に変更します。

于 2013-03-13T01:27:52.567 に答える