HTML选择控制IE vs Firefox vs Chrome

时间:2015-03-09 07:43:13

标签: javascript html google-chrome internet-explorer firefox

我有一个选择控件和文本框。用户可以在选择控件中选择一个值,并在文本框中为所选值指定名称。

我使用onchange(在选择控件上)和onblur(在文本框上)事件。

使用案例

  1. 用户选择一个值。 (onchange被称为)
  2. 在文本框中为其命名。
  3. 用户选择其他值。 (调用onblur,然后调用onchange)
  4. 在文本框中为其命名。
  5. IE和Chrome中的行为

    在步骤3中,在onblur事件处理程序中,selectedIndex是先前选择的索引

    Firefox中的行为

    在步骤3中,在onblur事件处理程序中,selectedIndex是当前选定的索引。

    由于Firefox中的这种行为,文本框中的值无法映射到选择控件中的正确值。

    PLS。让我知道这个问题的解决方案。

    IE vs Firefox

    onblur事件处理程序:

    function saveDisplayNameOnBlur()
    {
        var box = document.getElementById('box');
        var selectControl = box.childNodes[1];
    
        alert(selectControl.selectedIndex); // IE and Firefox show different value
    
        if(selectControl.selectedIndex != -1)
        {
            var selectedValue = selectControl.options[selectControl.selectedIndex].value;  
            var val = document.getElementById('displayName').value;
            map[selectedValue] = val.trim();
        }
    }
    

    感谢。

0 个答案:

没有答案