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

Javascript 根据其他表单字段填写选择选项输入,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,我是新来的,对php也不熟悉。 我搜索了这个确切的问题,但找不到任何适合我的问题 我正在写一个wordpress插件,为员工创建工作日程。我刚刚完成了我的休假工具,员工可以在这里休假。这些将被写入数据库表中 在我创建时间表的第二个工具中,我有一个带有html、js和php的简单表单,首先选择日期和时间,如下面的代码所示,然后从下拉列表中选择员工,也就是下面的代码。现在,我只希望员工在第一个输入字段中的当前日期没有休假时出现 我知道php是服务器端的,不能很好地解决这个问题,那么我如何用js甚至j

我是新来的,对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>

可以将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);


                 }

        }); 

    }

});

可以将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);


                 }

        }); 

    }

});

@Nelles请使用正式jQuery文档:。W3Schools通常是过时的、不完整的,有时甚至是完全错误的。您读过ajax吗?维护休假员工的状态并学习jqueryajax@Nelles请使用正式jQuery文档:。W3Schools通常是过时的、不完整的,有时甚至是完全错误的。您读过ajax吗?保持休假员工的状态并学习jquery ajaxHey,谢谢您的快速回答。不幸的是,我从未使用过ajax。你能为我解释一下这些组件吗?只需复制上面的粘贴代码。这个解决方案正在运行,但我现在必须在哪里指定html代码?我需要php代码内的html代码。嘿,谢谢你的快速回答。不幸的是,我从未使用过ajax。你能为我解释一下这些组件吗?只需复制上面的粘贴代码。这个解决方案正在运行,但我现在必须在哪里指定html代码?我需要php代码内的html代码。