2017-09-07 78 views
-1

禁用DataList控件輸入我的DataList這樣的:如果沒有選擇數據

<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循環填充選項。 如何禁用數據輸入,如果foreach循環結果的數據爲空/無使用jquery?

例如像

有選

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

號選項

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

儘量保持你的PHP和HTML分開,你將能夠達到什麼樣的你正在嘗試做的容易得多。 –

+0

任何示例?我通常會寫這樣的代碼 – Gagantous

回答

1

如果要禁用它,然後做象下面這樣: -

<?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

這是保持你的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> 
+0

我編輯了我的問題,請檢查它。有沒有辦法,如果我使用jQuery – Gagantous

+0

如果你的問題已經改變爲jQuery相關的問題,你可以發佈一個新的問題,因爲它會是一個JavaScript/jQuery相關的問題,那麼你可以提供一個工作的FIDDLE也有人會能夠幫助你。 –

+0

我改變了主意,我不需要爲這個問題爭吵, – Gagantous