javascript - 根据其他表单字段填写选择选项输入

Question

这个问题已经有答案了:

PHP MYSQL dynamic select box (4 个回答)

已关闭 3 年前。

我是新来的，也是 php 的新手。我搜索了这个确切的问题，但找不到任何适合我的问题的内容。

我正在编写一个 WordPress 插件，在其中为员工创建工作时间表。我刚刚完成了我的假期工具，员工可以在那里度假。这些被写入数据库表中。

在我创建时间表的第二个工具中，我有一个包含 html、js 和 php 的简单表单，我首先选择日期和时间(如下面的代码所示)，然后从下拉列表(也是下面的代码)。现在，我希望员工仅在第一个输入字段中的该日期没有休假时才出现。

我知道php是服务器端的，无法正确解决这个问题，那么我如何用js甚至jquery来管理这个问题呢？

日期时间选择代码:(只需简单输入)

<input type="datetime-local" name="date" required/>

选择选项字段的代码:

<?php 

global $wpdb;
$result = $wpdb->get_results("SELECT * FROM wp_einteilung_referees WHERE license_type ='Hauptschiedsrichter'");
?>
        <select name="hsr1" class="require_3">
            <option value="" disabled selected>Select HSR1</option>
                <?php foreach($result as $value){ ?> 
                    <option value="<?php echo $value->lastname; ?>"><?php echo $value->lastname; ?></option>        
                <?php } ?>
        </select>

Answer 1

您可以使用ajax和jquery来解决这个问题。

<script type="text/javascript">

$(document).ready(function(){

$('#dateid').on('change',function(){

    var seldate= $(this).val();


    if(seldate!=''){

        $.ajax({

            type:'POST',

            url:'pathtophppage.php',

            data:'var='+valuetoserver,

            success:function(html){

                        $('#id').html(html);


                 }

        }); 

    }

});