Question

我正在牙科预订网站上工作。这是一个学校项目，我差不多完成了。但我有一个主要问题，非常感谢你的帮助..我有这个预订页面，其中客户可以设置日期，时间和服务。在我的时间，我已经设置了可用时间的下拉菜单。我希望每天都有这些时间。我想知道是否可以禁用一个选项，如果它已经预订了当天。我只有这些..

我有一张名为约会的桌子。列是ID，userID，reservationDateTime，schedDate，schedTime，service ..

    <?php
    $time = array('8:00 AM', '9:00 AM', '10:00 AM', '11:00 AM','1:00 PM','2:00 PM','3:00 PM','4:00 PM',);
    ?>

    <p>
<label>Time</label><br>
    <select name="appTime">
    <option>Select Time</option>
    <?php
    foreach($time as $value){
    echo "<option>$value</option>";}
    ?>

    </select>
    </p>
    <?php
    unset($time)
    ?>

Answer 1

你可以这样做：

echo "<option disabled>$value</option>";

<select>
  <option value="volvo" disabled>8:00 AM</option>
  <option value="saab">9:00 AM</option>
  <option value="vw">10:00 AM</option>
  <option value="audi">11:00 AM</option>
</select>

Answer 2

echo "<option disabled>$value</option>";

Answer 3

您可以使用disabled属性。禁用的选项无法使用且无法单击。这会禁用所有选项（您希望添加一些条件......）

    <?php
        foreach($time as $value){
           echo "<option disabled >$value</option>";
        }
    ?>

Answer 4

var $selects = $('select');
$selects.on('change', function() {
var $select = $(this), 
    $options =    
$selects.not($select).find('option'),selectedText = 
$select.children('option:selected').text();

var $optionsToDisable = $options.filter(function() {
    return $(this).text() == selectedText;
});

$optionsToDisable.prop('disabled', true);
});

//to apply initial selection
$selects.eq(0).trigger('change');

Answer 5

如果此时间是必须显示的固定时间，则直接显示在选项

中

 <p>
<label>Time</label><br>
    <select name="appTime">
    <option>Select Time</option>
    <?php
    foreach($time as $time){

    ?>
<option value="1"  <?php if (in_array(1, $time)) {echo "disabled=\"disabled\"";}?>>8:00 AM</option>
<option value="2" <?php if (in_array(2, $time)) {echo "disabled=\"disabled\"";}?>>9:00 AM</option>
<option value="3" <?php if (in_array(3, $time)) {echo "disabled=\"disabled\"";}?>>10:00 AM</option>
<?php }?>

    </select>
    </p>

维护表以保存约会从表中获取此项并检查是否可用如果是，则show else禁用它。

如果选项已被选中，如何禁用该选项（PHP - MYSQL）

5 个答案: