Datalist中不能自舉模式，對話框彈出工作鉻

我使用jQuery的生成數據和附加到HTML＃id.but DataList控件在Firefox做工精細，鉻 HTML代碼的問題：Datalist中不能自舉模式，對話框彈出工作鉻

<td> 
    <input type="type" class="form-control products" id="product_onchange" name="onchangeValue" list="listValue"/> 
    <datalist id="listValue">  
    </datalist> 
    </td>

腳本代碼：

var update_product_dropdown = function (elm) { 
    $.ajax({ 
    url:"api/v1/skuproducts?client_id="+$(elm).val(), 
    method:"GET" 
    }).done(function(data) { 
    var optList = ""; 
    optList += "<option value=''>Select the Product</option>"; 
    for(var d in data) { 
    optList +="<option value='["+data[d].product_code+"]-"+data[d].product_name+"'>     ["+data[d].product_code+"]-"+data[d].product_name+"</option>"; 
    } 
    $("#listValue").html(optList); 
    }) 
    .fail(function() { 
    console.log("error"); 
    }); 
    }

來源

2014-07-03 user257560

你可以請一個工作的http://fiddle.net給我們使用？ – Fizzix

嗯...什麼？ – Fizzix

告訴我的解決方案 – user257560

這是因爲你的模式的z-index（CSS）越大，你的數據列表中的z-index，你需要通過添加下一行到你的CSS文件中增加數據列表中的z-index：

datalist{ 
     z-index: 1000; 
    }

我還發現這個問題的Firefox。

來源

2014-07-03 14:47:52

我試過但沒有在鉻想法工作的想法只工作firefox datalist z-index：1500！important; 顯示：block！important; } – user257560

你能否提供指向你的網站的鏈接，可能是其他組件的封面數據列表，你應該檢查這個組件z-index –

我發現了什麼，有時datalist被歸檔爲chrome（你可以在右邊看到箭頭在datalist中輸入字段，如果你點擊這個箭頭，你會看到數據列表選項菜單），但彈出不會自動打開，而你鍵入，你能檢查嗎？這是一點點其他問題，你可以檢查究竟哪一個問題你有？ –

Datalist中不能自舉模式，對話框彈出工作鉻

回答

相關問題