Question

我在我的应用程序中使用来自http://chakrabarty.com/pp_editable_dropdown.html的可编辑组合框。但是我要求在事件上创建多个组合框，因为我必须在JavaScript中编写组合框。组合框起作用，但第一个可编辑的条目是不允许编辑。

原始HTML代码：

<select name="lstDropDown_A" id="lstDropDown_A" style="" onKeyDown="fnKeyDownHandler_A(this, event);" onKeyUp="fnKeyUpHandler_A(this, event); return false;" onKeyPress = "return fnKeyPressHandler_A(this, event);"  onChange="fnChangeHandler_A(this);" onFocus="fnFocusHandler_A(this);">
    <option value="" style="font-family:Courier,monospace;color:#ff0000;background-color:#ffff00;">--?--</option>
    <option>Editable Dropdown</option>
    <option>Combobox</option>
    <option>Tiger</option>
    <option>Software</option>
    <option>India</option>
</select>

我的JavaScript代码：

<script type="text/javascript">
    var element  = document.createElement("select");
    element.name = "lstDropDown_A";
    element.id   = "lstDropDown_A";

    var option;
    options = ['--?--', 'Editable Dropdown', 'Combobox', 'Tiger', 'Software', 'India'];
    for (var i = 0; i < options.length; i++) {
        option = document.createElement("option");
        if (i == 0) {
            option.value = "";
        }
        option.text = options[i];
        element.appendChild(option);
    }
    element.addEventListener('keydown',  fnKeyDownHandler_A);
    element.addEventListener('keyup',    fnKeyUpHandler_A);
    element.addEventListener('keypress', fnKeyPressHandler_A);
    element.addEventListener('change',   fnChangeHandler_A);
    element.addEventListener('focus',    fnFocusHandler_A);

    document.forms[0].appendChild(element);
</script>

我不能做的一件事就是回归虚假;在致电fnKeyUpHandler_A之后。

JavaScript：可编辑的组合框 - 无法编辑第一个条目

0 个答案: