添加新<选项>到所有下拉列表<选择>标签

Add new <option> to all dropdown <select> tags using javascript

本文关键字：lt gt 下拉列表 选择 标签 选项 添加      更新时间：2023-09-26

我试图在默认情况下选择的页面上的每个下拉列表的顶部添加一个下拉菜单选项"Please select"，使用类似的东西：

window.onload = function() {
    $('select option[value="PSC"]').attr("selected",true);
};

这就是我在下拉列表中使用的：

window.onload = function AddItem(text,value) {
    // Create an Option object
    var opt = document.createElement("option");
    // Add an Option object to Drop Down/List Box
    document.getElementsByTagName("option").options.add(opt);
    // Assign text and value to Option object
    opt.text = 'Please select...';
    opt.value = 'Please Select';  
}

我是javascript新手，有人能给我指明正确的方向，把它编译在一起吗？这样，当页面加载时，每个下拉列表都会得到一个默认的选择选项，名为"Please select">

提前感谢

将纯javascript函数修改为此函数(这不会影响已选择的选项(DEMO jsfiddle

     window.onload = function AddItem(text, value) {
        // Get all Drop Down/List Box in document
        var sel = document.getElementsByTagName("select");
        for (var x = 0; x < sel.length; x++) {
           // Create an Option object and set it's value/text
           var opt = document.createElement("option");
           opt.text = 'Please select...';
           opt.value = 'Please Select';
           //prepend in select box
           sel[x].insertBefore(opt, sel[x].options[0])
        }
     }

$(document).ready(function() {    
   $('<option>', {
      text     : 'Please select...',
      value    : 'Please select...',
      selected :  true
   }).prependTo('select');
});

http://jsfiddle.net/Gsp9b/

或者：

var select = document.getElementsByTagName("select"),
    opt = '';
for (var i = 0; i < select.length; i++) {
    opt = document.createElement("option");
    // opt.selected = true;
    opt.text = 'Please select...';
    opt.value = 'Please Select';
    select[i].options.add(opt);
}

开始：

$('select').prepend('<option>Please select...</option>');

$(document).ready(function() { 
    $("select").prepend("<option value='' selected='selected'>Please select</option>");
});
相关文章：