HTML标签 select 里 动态添加option

HTML标签 select 里 动态添加option:
☆    var today = new Date();
    var yearNow = today.getFullYear();
    var optiongYears_className = [yearNow, yearNow+1];
    var $selyear = $("select#classNameYear_add");
    $.each(optiongYears_className, function (i, val) {
        if(i==0){
            $selyear.append(‘<option value="‘ + val + ‘" selected="selected">‘ + val + ‘</option>‘);
        }else {
            $selyear.append(‘<option value="‘ + val + ‘">‘ + val + ‘</option>‘);
        }
    });

☆    // $("#classNameYear_add").click(function(){
    //     var selyear = $("select#classNameYear_add");
    //     selyear.append("<option value=‘12‘>131</option>");
    // });

    // $("#classNameYear_add").on("mousedown", function(){
    //     $(this).append("<option value=‘12‘>131</option>");
    //     $(this).append("<option value=‘12‘>131</option>");
    // });

    var selyear = $("select#classNameYear_add");
    var now = new Date();
    var year = now.getFullYear(); //获取当前年份
    var yearPlus = year+1;

    for (var i = 0; i < 2; i++) {
     // selyear.append($("<option>").val(year).text(year)); //给option添加value值与文本值
        selyear.append(‘<option value="‘ + year + ‘">‘ + year + ‘</option>‘);

        // var year = year+1;       //年份+1,再添加一次
    };
    $(‘select#classNameYear_add‘).change();

原文地址:https://www.cnblogs.com/hahajava/p/9044558.html

时间: 2024-10-07 03:34:19

HTML标签 select 里 动态添加option的相关文章

select框动态添加选项

$.ajax({ url : "${staticServer }/ywgl/zkpzgl/zkfkgl/showBillType.htm", //ajax请求路径 type : "post", //请求方式 data : "", //请求时发送的数据 async:true, //是否异步 dataType : "json", //数据格式 success : function(r){ //访问成功时调用的方法(其中r时是返回的

jquery排序与动态添加option以及属性

function getOrgansid() { url="<%=basePath%>/rest/bsc/organ/selectOrganSidAllList"; $.ajax({ type:"POST", url:url, dataType:"json", contentType: "application/json; charset=utf-8",// data:, success:function (dat

Js Select动态添加Option

var now = new Date(); function setDate(type, id, from, to) { var str = ""; for (var i = from; i < to + 1; i++) { if ((type == "y" && i == now.getFullYear()) || (type == "m" && i == now.getMonth() + 1) || (t

JS动态添加option和删除option

1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option function addOption(){ //根据id查找对象, var obj=document.getElementById('myS

select(下拉列表框)动态添加子集

//创建一个空的select <select class="dx-adwse" name="report.type" id="addtype" style="width: 185px" > //页面加载时动态获取数据以及添加到创建的select $(document).ready(function(){ var sHtml = '<option value="">请选择民情类型<

javascript 可多选的下拉框 multiselect 动态删除option值,动态添加option值,动态生成表格

首先引用一个写的很好的博客http://www.cnblogs.com/landeanfen/p/5013452.html 我使用的是bootstrap-multiselect,实现功能是 选择下拉框中的某几项数据后,通过点击add按键,可以将数据动态的添加到一个table中: 移除掉下拉框中的这几项: 删除table中的某行数据,对应的下拉框中会再添加这些值. bootstrap-multiselect源码主页:https://github.com/davidstutz/bootstrap-m

Jquery 动态添加option 并给option添加数据,并帮定事件

//添加下拉框 function append_add(data) { $('#add').append( '<div class="form-group" id='+form_group_id+'>' + '<label for="shebeis">起始设备</label>' + '<select id=' + select_id + ' name="shebeis">' + '<optio

js、jquery、动态添加option项

var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){     //循环添加多个值 sid.option[i] = new Option(i,i); } sid.options[sid.options.length]=new Option("1","2");   // 在最后一个值后面添加多一个 JQuery: [html] view plaincopy &

JQuery EasyUI combobox动态添加option

<input id="select_city" name="select_city" class="easyui-combobox" style="width:435px" data-options="valueField:'id', textField:'text' > 方法一: var data, json; json='[{"id":1 , "text":&q