php下拉和日期功能

Question

我是 php 新手。我正在使用以下代码开发一个表单：

<td>Severity:</td>
<td>
    <?php $dbc = mysql_connect('localhost', 'root', ''); // root connection
    mysql_select_db('ticket', $dbc); // db selection
    $query = "SELECT id, severity FROM severity" ; // retrieving value from table severity in db
    $result = mysql_query($query, $dbc); // 
    echo'<select name="sever">';
    echo '<option value="Default"> Please Select Severity </option>';
    while($row = mysql_fetch_assoc( $result ))
    {
        echo '<option value="'.$row['id'].'">' . $row['severity'] . '</option>';
    }
    echo '</select>';
?>
</td>

在数据库中，我创建了 3 个严重级别，其值如下：

表严重性（ID、严重性、小时）值 (1, '关键', '12'), (2, '主要', '24'),(3, '次要', '36');

我有一个日期函数的形式

<td> Expected Completed Date: </td>
        <td> <input name="exc_date" style="width:150px" type="text" /> </td>

一旦我选择了严重性，我希望根据选择的严重性自动生成预期的完成日期。

对于我需要如何以预期完成日期的形式生成 php 代码，我有点模棱两可。

请帮助我，并提前感谢您的建议。

Answer 1

纯 Javascript 解决方案（无 jQuery）

jsFiddle demo

使用data-hours 属性输出每个选项的小时数：

echo '<option data-hours="'.$row['hours'].'" value="'.$row['id'].'">' . $row['severity'] . '</option>';

同时给出<select> 和server 的ID，然后使用Javascript 进行更改：

window.onload = function(){
    document.getElementById("server").onchange = function(){
        var timeObj = document.getElementById("exc_date");
        if(this.value != 'Default'){
            var hours = this.options[this.selectedIndex].getAttribute('data-hours');

            var now = new Date();
            now.setHours(now.getHours() + (hours*1));
            var nowStr = now.getDate() + "/" + (now.getMonth()+1) + "/" + now.getFullYear();
            timeObj.value = hours + " hours, " + nowStr; 

        } else {
            timeObj.value = '';   
        }
    };
};

这会将 ID 为 exc_date 的元素更新为小时数。

Answer 2

把PHP部分改成这个

<td>Severity:</td>
<td>
    <?php $dbc = mysql_connect('localhost', 'root', ''); // root connection
    mysql_select_db('ticket', $dbc); // db selection
    $query = "SELECT id, severity, hours FROM severity" ; // retrieving value from table severity in db
    $result = mysql_query($query, $dbc); // 
    echo'<select name="sever">';
    echo '<option value="Default"> Please Select Severity </option>';
    while($row = mysql_fetch_assoc( $result ))
    {
        echo '<option value="'.$row['id'].'" data-hours="'.$row['hours'].'">' 
             . $row['severity'] . '</option>';
    }
    echo '</select>';
?>
</td>

并添加 JavaScript – http://jsfiddle.net/8YCwb/。