php - jQuery 仅在单击时起作用

Question

我有 html 表单，它将一些数据保存到 mysql 数据库。现在我想为该表单创建一个编辑页面，它将数据从 mysql 数据库返回到表单字段进行编辑，然后更新。在 html 表单中，我有一些输入字段，默认情况下禁用，直到下拉菜单设置为"is"。当下拉菜单选项设置为 yes 时，输入字段将启用。我在 jquery 中创建了它，它看起来像这样:

$(document).ready(function() {
    $('#lijecnickipregled').change(function(){
        if($('#lijecnickipregled').val() === 'YES')
        {
            $("#lijecnicki").prop('disabled',false);
        }
        else
        {
            $( "#lijecnicki" ).attr( "disabled", "disabled" );
        }
    });
});

现在，当我创建编辑页面时，我设法将值从数据库返回到下拉菜单，并将其设置为"is"，但 ID 为“lijecnicki”的输入字段仍处于禁用编辑状态，直到我在下拉菜单中选择其他选项然后将其放回"is"。

以下是下拉菜单的 HTML 代码:

<div class="fitem" >
            <label>Liječnički pregled</label>
            <select name="Lijecnicki" id="lijecnickipregled">
                <option value="" selected="selected"></option>
                <option value="YES">YES</option>  
                <option value="NO">NO</option>  
            </select> 
        </div>

当下拉选项设置为YES时启用的输入字段的HTML代码:

<div class="fitem" id="datumzadnjeglijecnickogpregleda"  >
    <label>Datum zadnjeg lijecnickog pregleda</label>
    <input name="DatumZadnjegLijecnickogPregleda" id="lijecnicki" type="text" class="lijecnicki" disabled/>
</div>

这是编辑页面上的 PHP 代码:

 <div class="fitem" >
                <label>Liječnički pregled</label>
                <select name="Lijecnicki" id="lijecnickipregled">
                    <option value="" selected="selected"></option>
        <?php
                    $LijecnickiPregled = array(
                        'YES',
                        'NO',
                    );

                    $lp = $s['Lijecnicki'];

                    ?>

                    <?php foreach ($LijecnickiPregled as $pregled): ?>
                        <option <?php echo $lp == $pregled ? 'selected="selected"' : '' ?> value="<?php echo $pregled ?>"><?php echo $pregled ?></option>
                    <?php endforeach ?>
                </select>
            </div>

Answer 1

您仅在 lijecnicki pregled 发生变化时检查它的值；您应该在加载时检查它。