Geek Answers Handbook

Why do I have to double-click on a select item in IE so that it leaves?

I have selectbox on my page and it works fine in every browser except IE. I tested 8 and 9 and I have the same problem. When I click on a parameter, the .change () event fires exactly as it should, but the parameters do not disappear until I click again (which does not cause an unexpected click event) or click outside the selection box. This is not a problem for me, since I use chrome, but I have a decent chunk of my users using IE8.

Here is the .change () function:

$('#configEquipDesc').change(function () {
            alert($(this).val());
            if ($(this).val() != 'unselected') {
                ajaxGetConfig($(this).val());
            }
        });

Here is the HTML to choose from.

<select name="configEquipDesc" id="configEquipDesc" data-native-menu="false" data-inline="true" class="configMenuEquip">
     <option value="unselected" data-placeholder="true">Inspection</option>
</select>

Additional parameters are added using ajax and everything works fine.

+4
1

selectbox, , delagation. jQuery :

$('body').on('change','#configEquipDesc', function () {
    ajaxGetConfig($('option:selected', this).val());
});

, .

EDIT - selected option, , ? . , , ajaxGetConfig()!!

0

More articles:


All Articles