时间戳

首页 > 解决方案 > 根据其他表单字段填写选择选项输入

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

问题描述

我是新来的，也是 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>

标签： javascriptphpjqueryhtmlwordpress

解决方案

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


                 }

        }); 

    }

});

推荐阅读