隱藏HTML5數據列表選項值

我想隱藏datalist值。我使用此代碼隱藏HTML5數據列表選項值

<input list="options" oninput="console.log(this.value);" /> 
<datalist id="options"> 
    <option value="1">Product 1</option> 
    <option value="2">Product 2</option> 
    <option value="3">Product 3</option> 
</datalist>

我指的是在輸入框顯示這個和valuesproduct 1 我需要只顯示product 1,2,&3...

隱藏值（1,2,3）。

注：我在這裏傳遞價值1,2,3所以我只是想隱藏，只有

這裏我的代碼https://jsfiddle.net/69u5Leoa/

來源

2017-04-07 Ramesh S

@DeepakYadav：是問不同 –

檢查Duplicate'輸出需要同樣的事情標記'。 –

你問產品自動完成 – 2017-04-07 12:08:00

值=」 <％＃DataBinder.Eval的（集裝箱「的ItemIndex」）％ >「它可以解決這個問題

來源

2017-04-07 09:47:30 ComEngTr

感謝您的重播@ComEngTr你能編寫代碼 –

因爲我很困惑我想編輯的地方 –

你可能想要使用select，因爲對於select元素，用戶需要選擇你給出的選項之一。

對於datalist元素，建議用戶選擇你給出的選項之一，但他實際上可以在輸入中輸入他想要的任何東西。

你可以看到這個以獲取更多信息HTML Form: Select-Option vs Datalist-Option

<select id="options"> 
    <option></option> 
    <option value="1">Product 1</option> 
    <option value="2">Product 2</option> 
    <option value="3">Product 3</option> 
</select>

來源

2017-04-07 09:51:37 Rex

謝謝@Rex實際上是在爲'insert'傳遞產品值，例如：如果我選擇'value =「1」'insert'product 1'的詳細信息 –

這是我的代碼'' –

我只想隱藏'<？php echo $ product ['product_id']; ？>' –

隱藏HTML5數據列表選項值

回答

相關問題