0

我在这个 jsfiddle链接http://jsfiddle.net/kzpFA/上有搜索 jquery 脚本，但它适用于 Firefox，但不适用于 Internet Explorer。我应该怎么做才能使这个脚本在 IE 中也像 FF 一样工作。请帮忙

下面的代码片段我也遇到了简单点击事件的问题

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

3 回答 3

1

可能 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-05T14:21:31.633 回答
1

需要更新您的 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-05T14:27:42.513 回答
1

您有多选下拉列表并绑定选项单击事件：这不正确

为此，您可以尝试绑定下拉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]);    
}

尝试这个

于 2013-10-05T14:37:12.010 回答