jQuery标准下拉列表仅在页面加载,点击刷新及其丑陋的正常版本上进行样式化

时间:2012-10-28 14:08:59

标签: javascript jquery jquery-ui jquery-mobile

点击“添加里程并打开它”后,尝试在我的表单上实现“下拉​​”效果

它似乎只发生在第一次加载时,如果你刷新或回到页面的任何时候该死的东西变成丑陋的正常非jquery下拉。我假设它因为我使用javascript来填充我的选择(下拉)。任何帮助将不胜感激....“

的.js

// Create select element with options.
function makeRunRecord() {
    var formTag = document.getElementsByTagName('form'),
        selectList = ge('select'),
        makeSelect = document.createElement('select');
        makeSelect.setAttribute("id", "styles");
    makeSelect.setAttribute("name", "styles");
        makeSelect.setAttribute("class", "required select");
        makeSelect.setAttribute("data-native-menu", "false");
        var makePlace = document.createElement('option');
    makePlace.setAttribute("data-placeholder", "true");
    makePlace.setAttribute("value", "");
    makeSelect.appendChild(makePlace);
    for (var i=0, j=runningStyles.length; i<j; i++) {
        var makeOption = document.createElement('option');
        var optText = runningStyles[i];
        makeOption.setAttribute("value", optText);
        makeOption.innerHTML = optText;
        makeSelect.appendChild(makeOption);
    }
    selectList.appendChild(makeSelect);
};


// Call Functions

makeRunRecord();

}); html的

                   <li><div id="select"><label for="rStyle">Choose Run Style*</label></div>

1 个答案:

答案 0 :(得分:1)

尝试在页面加载后运行该函数:

window.onload = function() {
    makeRunRecord();
}