瀏覽器問題，腳本在Firefox中可用，但不能用於Internet Explorer

我有搜索jquery腳本，在此jsfiddle 鏈接http://jsfiddle.net/kzpFA/但它適用於Firefox而不適用於Internet Explorer。我該怎麼做才能使這個腳本的工作原理與IE中的FF一樣。請幫助瀏覽器問題，腳本在Firefox中可用，但不能用於Internet Explorer

下面摘錄我簡單的單擊事件越來越問題也

$("select option").click(function(){ 
    var proid = $(this).text().split(":"); 
    $("#searchInput").val(proid[0]); 
});

來源

2013-10-05 user2826111

它不起作用的信息不是很多。你看到錯誤信息嗎？ – idmean

你的jQuery版本是什麼？ –

哪個版本的IE？ – JJJ

你必須多選下拉列表並綁定選項單擊事件：這不正確

爲此，您可以嘗試綁定下拉onchange事件要做到這一點（因爲它是一個HTML元素事件和它的所有的瀏覽器工作）：

HTML的

<input id="searchInput">  
<select name="" id="selectbox" multiple="multiple" onchange="getset();"> 
    <option value="">ankit:naredi</option> 
    <option value="">suyog:ma dle</option> 
    <option value="">sushil:tade</option> 
    <option value="">dipen tiwari: kumar</option> 
    <option value="">suyog: sarang</option> 
    <option value="">sushil</option> 
    <option value="">suyog</option> 
    <option value="">sushil</option> 
    <option value="">suyog</option> 
    <option value="">sushil</option> 
</select>

使用Javascript -

function getset(){ 
    var proid = $('#selectbox option:selected').text().split(":"); 
    $("#searchInput").val(proid[0]);  
}

Try This

來源

2013-10-05 14:37:12

可以請你幫我搜索IE不工作http://jsfiddle.net/kzpFA/ – user2826111

也許IE無法JS事件綁定到option元素，但你可以通過屬性設置value到options和使用onchange事件select元素：

$("select").change(function() { 
    var proid = $(this).val().pop().split(":"); 
    ... 
});

但是，如果用戶使用Ctrl或Shift鍵選擇多個項目（因爲您設置了多個屬性），您只能得到最低的或最上面選擇列表中的值，而邏輯併發症

http://jsfiddle.net/kzpFA/12/

來源

2013-10-05 14:21:31 artygus

需要更新的jQuery代碼，並選擇HTML代碼。

jQuery的更新代碼：

$('#selectbox').on('change', function (e) { 
var optionSelected = $("option:selected", this); 
var valueSelected = this.value; 
var proid = valueSelected.split(":"); 
$("#searchInput").val(proid[0]); 
});

的Html更新的代碼：

<select name="" id="selectbox" multiple="multiple"> 
<option value="ankit:naredi">ankit:naredi</option> 
<option value="suyog:ma dle">suyog:ma dle</option> 
<option value="sushil:tade">sushil:tade</option> 
<option value="">dipen tiwari: kumar</option> 
<option value="">suyog: sarang</option> 
<option value="">sushil</option> 
<option value="">suyog</option> 
<option value="">sushil</option> 
<option value="">suyog</option> 
<option value="">sushil</option> 
</select>

需要把選項值以上的jQuery工作。 http://jsfiddle.net/kzpFA/9/

來源

2013-10-05 14:27:42

瀏覽器問題，腳本在Firefox中可用，但不能用於Internet Explorer

回答

相關問題