预订表格下拉菜单 (php)

Question

我正在从事酒店预订项目 (php)，我想创建一个预订表格，我将在其中包含：

检查日期（日期选择器）

结帐日期（日期选择器）

房间类型（这里我想要一个下拉菜单，<select><option>Single</option></select>，当一个选项被 select 显示给我那个房间类型的价格时，不用按任何按钮。）

价格（这是一个文本，不是一个文本框）（这里我想告诉我那个房型的价格。）

我的查询为我提供了来自 table 的价格数据，我不知道如何在不按任何按钮的情况下向我显示，就在我 select "Single Room" 选项，价格字段应为 $30（例如，这是来自 table 的数据）。

你能给我个主意吗？ <select> 标签的特定功能吗？

<?php
 if(isset($_POST['submit'])){
    $tip  = isset($_POST['roomtype']) ? mysql_real_escape_string($_POST['roomtype']) : '';
     echo $tip;
    }
 ?>

这是我的 php 代码，但只有当我点击 'submit' 时它才有效。我想工作的时候我select这个选项。

Answer 1

使用下面的例子

<select class="text_select" id="field_6" name="field_6">    
   <option value="- Select -">- Select -</option>  
   <option value="Option One">Option One</option>  
   <option value="Option Two">Option Two</option>  
   <option value="Option Three">Option Three</option>  
</select>

<label class="form_field">Your selected <span id="aggregator_name"></span>?</label>

和jquery

function notEmpty(){

var e = document.getElementById("field_6");
var strUser = e.options[e.selectedIndex].value;
document.getElementById('aggregator_name').innerHTML = strUser;

}
notEmpty()

    document.getElementById("field_6").onchange = notEmpty;

jsfiddle link http://jsfiddle.net/Mj4Vj/

预订表格下拉菜单 (php)

Booking-form dropdown menu (php)

html

php

forms

select

option