Question

我有这样的数据主义者：

<input type="text" list="colours" id="txt">
<datalist id="colours">
   <?php foreach ($kondisi as $kondisi) { ?>
   <option data-value="<?php echo $kondisi->nama_kondisi ?>" value="<?php echo $kondisi->id_kondisi ;?>"><?php echo $kondisi->nama_kondisi ?></option>
   <?php  } ?>
</datalist>

使用php从foreach循环填充datalist的选项。如果使用jquery使foreach循环结果为null / none的数据，如何禁用datalist输入？

例如

有选项

 <input type="text" list="colours">

无选项

<input type="text" list="colours" disabled="disabled">

Answer 1

以下是保持PHP和HTML分开的示例：

<?php 
$option="";

foreach ($kondisi as $kondisi) { 

if($kondisi != 'null' || $kondisi != 'none'){

$option .= '<option data-value="'.$kondisi'.->nama_kondisi" value="'.$kondisi.'->id_kondisi">'.$kondisi.'->nama_kondisi</option>';

}else{

$option .= 'your disabled option code here...';

}

  } 

?>


<input type="text" list="colours">

<datalist id="colours">

<?php echo $option; ?>

</datalist>

Answer 2

如果您要停用它，请执行以下操作： -

<?php if(count($kondisi)>0){?>
    <input type="text" list="colours">
    <datalist id="colours">
       <?php foreach ($kondisi as $kondisi) { ?>
       <option data-value="<?php echo $kondisi->nama_kondisi ?>" value="<?php echo $kondisi->id_kondisi ;?>"><?php echo $kondisi->nama_kondisi ?></option>
       <?php  } ?>
    </datalist>
<?php }else{?>
    <input type="text" list="colours" disabled="disabled"/><!-- or use autocomplete="off"-->
<?php } ?>

如果没有选项数据，则禁用数据列表输入

2 个答案: