带有 javascript 值的组合框在 iPad 上不起作用

Posted 2023-03-12

【中文标题】带有 javascript 值的组合框在 iPad 上不起作用

【英文标题】：Combobox with javascript values not working on iPad

【发布时间】：2015-08-21 11:33:28

【问题描述】：

我有这个 javascript

$(function () 
var $select = $(".comboboxValues");
for (i = 1; i <= 99; i++) 
    $select.append($('<option></option>').val(i).html(i))

);

在这个 HTML 元素上

<td class="imageClass">                                  
     <select class="comboboxValues select"></select>
</td>

使用这个 CSS

.comboboxValues

    font-family:Segoe UI;
    text-align:center;

.select
    
        margin: 0px;
        padding: 0px 5px 0px 5px;
        border: 0px;
        outline: 0px;
        border-bottom : 1px solid #6F8393;
        color: #384046;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-padding-start: 10px;
        -moz-padding-start: 10px;
        -webkit-padding-end: 10px;
        -moz-padding-end:10px;
        padding-top: 2px;
        padding-bottom: 2px;
    

此代码用于在桌面和移动 android 上用值填充组合框，但在 iPad 上不可用。

为什么这在 iPad 上不起作用，我该如何解决？

【问题讨论】：

“不工作”是指 iPad 上的组合框为空，没有可供选择的选项。

【参考方案1】：

我找到了解决方案，但仍然不知道为什么会这样。我刚刚写了一个不同的 Javascript：

function fillComboboxValues() 
var comboboxCollection = document.getElementsByClassName('comboboxValues_iPad');
for (var j = 0; j < comboboxCollection.length; j++) 
    var select = comboboxCollection[j];
    for (var i = 1; i <= 99; i++) 
        var option = document.createElement('option');
        option.text = option.value = i;
        select.add(option, 0);
    
  

现在它完美运行了。