Question

我有一组收音机按钮（收音机组）的监听器。选择使用IE和radiobutton，它会进行数据库调用以填充选择。但是，当选择单选按钮时，代码运行正常，但然后取消选择所选的单选按钮。在Firefox或Chrome上不会发生。

不幸的是，IE是办公室标准，所以我坚持使用它。我可以通过添加javascript代码来重新选择单选按钮来解决问题，但是我想知道它为什么会在第一时间执行此操作。

jquery：

$('body').on("change", "input[type=radio]", function () {
    var orgId = $('input[name=rdoGroup1]:checked').val();
    $.get('AJAXServlet', {formType: 'getSearchList', type: orgId}, function (responseJson) {
        var $select = $('#selSearch');
        $select.find('option').remove();
        $.each(responseJson, function (key, value) {
            $('<option>').val(key).text(value).appendTo($select);
        });
    });
    return false;
});

HTML：

<fieldset>
    <legend style="color: lightblue;">&nbsp;Search&nbsp;&nbsp;</legend>
    <input type="radio" id="organization" name="rdoGroup1" value="organization" checked/>Organization&nbsp;&nbsp;&nbsp;
    <input type="radio" id="department" name="rdoGroup1" value="department" />Department&nbsp;&nbsp;&nbsp;
    <input type="radio" id="office" name="rdoGroup1" value="office" />Office&nbsp;&nbsp;&nbsp;
    <input type="radio" id="rdoName" name="rdoGroup1" value="name" />Name
    <br><br>
    <select id="selSearch" name="selSearch" value="" style="width: 250px;">
        <option value="1">LAW ENFORCEMENT</option>
        <option value="2">FACILITIES & MAINTENANCE</option>
        <option value="3">PUBLIC WORKS</option>
        <option value="4">SECURITY</option>
        <option value="5">EXTERNAL AGENCIES</option>
    </select>
    <button onclick="doSearch()">Search</button>
    <br><br>
</fieldset>

Answer 1

事件处理程序末尾的

return false会阻止事件的默认操作。显然，IE会考虑选择单选按钮作为其默认操作。所以从处理程序中删除它。

Internet Explorer：选择按钮后，Jquery取消选择单选按钮

1 个答案: