添加到<select>的选项在iPhone上的列表框中不可见

2018-06-19 15:35:36

我有一个HTML列表框，并且使用javascript添加选项 - 在PC上的任何浏览器都没有问题 - Mozilla，Chrome，IE，Opera，Safari。但是，在iPhone上执行时，添加的选项在列表框中是不可见的 - 仅显示 - （0项），直到您点击列表框，然后看到添加的选项，就好像您正在点击常规的“选择”项目一样，点击它只有在该选项可见之后。我希望我已经明白了...

功能如下：用户填充文本框中的文本（tb），单击添加按钮（btn），该选项被创建并显示在列表框（lstbx）中

代码如下：

<input type="text" id="tb">

<select id="lstbx" multiple="multiple"></select>

<input type="button" id="btn" onclick="add_option(lstbx, form.tb, form.btn)">


function add_option(lstbx, tb, btn) {
    var option = document.createElement("option");
        if (tb.value != "") {
            option.text = tb.value;
            option.value = tb.value;
            lstbx.options.add(option);
            tb.value = "";}         
    }

我已经成功地使用了选项数组来做到这一点。因此，而不是创建HTML节点，使用JS API。另外请注意iOS上不支持多选框。

var opt = new Option(tb.value, tb.value, false, false);
lstbx.options.add(opt);

链接地址: http://www.djcxy.com/p/55315.html

上一篇: Options added to a <select> are invisible in the list box on iPhone

下一篇: Ajax calls hitting web server but no callback functions get executed