Question

我在酒店预订项目（php）上工作，我想创建一个预订表格，我将会：

检查日期（datepicker）

结帐日期（datepicker）

房间类型（这里我想要一个下拉菜单，<select><option>Single</option></select>，当选择一个选项以显示该房间类型的价格时，无需按任何按钮。）

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

我的查询给了我表中的价格数据，我不知道如何在不按任何按钮的情况下显示我，就在我选择＆＃34;单人间＆＃34;选项，价格字段应为30美元（例如，这是来自表格的数据）。

你能给我一个想法吗？这是<select>标签的特定功能吗？

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

这是我的PHP代码，但只有在我点击“提交”时才能正常工作。我想在选择选项时工作。

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）

1 个答案: