【问题标题】:Fill select option input depending on other form field [duplicate]根据其他表单字段填写选择选项输入[重复]
【发布时间】:2020-03-16 11:52:48
【问题描述】:

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

【问题讨论】:

  • @Nelles 请使用官方 jQuery 文档:api.jquery.com/jquery.ajax。 W3Schools 经常过时、不完整,或者有时完全是错误的。
  • 你读过 ajax 吗?
  • 维护一个员工休假状态,同时学习jquery ajax

标签: javascript php jquery html wordpress


【解决方案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);


                 }

        }); 

    }

});

【讨论】:

  • 您好,感谢您的快速回答。不幸的是,我从未使用过ajax。你能帮我解释一下这些组件吗?
  • 简单的复制粘贴上面的代码。
  • 此解决方案有效,但我现在必须在哪里指定 html 代码?我需要 html 代码中的 php 代码。
猜你喜欢
  • 1970-01-01
  • 2018-08-04
  • 2017-05-19
  • 1970-01-01
  • 2012-12-24
  • 1970-01-01
  • 1970-01-01
  • 2018-11-07
  • 1970-01-01
相关资源
最近更新 更多