Js下拉框选择

原创 2016年08月31日 10:12:58
                      html中定义 <select data-bind="options: $root.EndTimeList, value: $root.EndTimeInfo, optionsValue: 'VALUE', optionsText: 'NAME'">
                                     </select>
                                        <select data-bind="options: $root.EndSecondList, value: $root.EndSecondInfo, optionsValue: 'VALUE', optionsText: 'NAME'">

                                     </select>


self.EndTimeList =ko. ko.observableArray();

self.EndTime = ko.observable();

       self.EndTimeList = ko.observableArray([{ NAME: '1', VALUE: '1:' }, { NAME: '2', VALUE: '2:' }, { NAME: '3', VALUE: '3:' }, { NAME: '4', VALUE: '4:' }
           , { NAME: '5', VALUE: '5:' }, { NAME: '6', VALUE: '6:' }, { NAME: '7', VALUE: '7:' }, { NAME: '8', VALUE: '8:' }
           , { NAME: '9', VALUE: '9:' }, { NAME: '10', VALUE: '10:' }, { NAME: '11', VALUE: '11:' }, { NAME: '12', VALUE: '12:' }
           , { NAME: '13', VALUE: '13:' }, { NAME: '14', VALUE: '14:' }, { NAME: '15', VALUE: '15:' }, { NAME: '16', VALUE: '16:' }
           , { NAME: '17', VALUE: '17:' }, { NAME: '18', VALUE: '18:' }, { NAME: '19', VALUE: '19:' }, { NAME: '20', VALUE: '20:' }
           , { NAME: '21', VALUE: '21:' }, { NAME: '22', VALUE: '22:' }, { NAME: '23', VALUE: '23:' }, { NAME: '24', VALUE: '24:' }]);
        //分
        self.EndSecondList = ko.observableArray([{ NAME: '00', VALUE: '00' }, { NAME: '01', VALUE: '01' }, { NAME: '02', VALUE: '02' }, { NAME: '03', VALUE: '03' }, { NAME: '04', VALUE: '04' }
            , { NAME: '05', VALUE: '05' }, { NAME: '06', VALUE: '06' }, { NAME: '07', VALUE: '07' }, { NAME: '08', VALUE: '08' }
            , { NAME: '09', VALUE: '09' }, { NAME: '10', VALUE: '10' }, { NAME: '11', VALUE: '11' }, { NAME: '12', VALUE: '12' }
            , { NAME: '13', VALUE: '13' }, { NAME: '14', VALUE: '14' }, { NAME: '15', VALUE: '15' }, { NAME: '16', VALUE: '16' }
            , { NAME: '17', VALUE: '17' }, { NAME: '18', VALUE: '18' }, { NAME: '19', VALUE: '19' }, { NAME: '20', VALUE: '20' }
            , { NAME: '21', VALUE: '21' }, { NAME: '22', VALUE: '22' }, { NAME: '23', VALUE: '23' }, { NAME: '24', VALUE: '24' }
            , { NAME: '25', VALUE: '25' }, { NAME: '26', VALUE: '26' }, { NAME: '27', VALUE: '27' }, { NAME: '28', VALUE: '28' }
            , { NAME: '29', VALUE: '29' }, { NAME: '30', VALUE: '30' }, { NAME: '31', VALUE: '31' }, { NAME: '32', VALUE: '32' }
            , { NAME: '33', VALUE: '34' }, { NAME: '35', VALUE: '36' }, { NAME: '37', VALUE: '38' }, { NAME: '39', VALUE: '39' }
            , { NAME: '40', VALUE: '40' }, { NAME: '40', VALUE: '40' }, { NAME: '41', VALUE: '42' }, { NAME: '43', VALUE: '43' }
            , { NAME: '44', VALUE: '44' }, { NAME: '45', VALUE: '45' }, { NAME: '46', VALUE: '46' }, { NAME: '47', VALUE: '47' }
            , { NAME: '48', VALUE: '48' }, { NAME: '49', VALUE: '49' }, { NAME: '50', VALUE: '50' }, { NAME: '51', VALUE: '51' }
            , { NAME: '52', VALUE: '52' }, { NAME: '53', VALUE: '53' }, { NAME: '54', VALUE: '54' }, { NAME: '55', VALUE: '55' }
            , { NAME: '56', VALUE: '56' }, { NAME: '57', VALUE: '57' }, { NAME: '58', VALUE: '58' }, { NAME: '59', VALUE: '59' }
            , { NAME: '60', VALUE: '60' }


        ]);



后台js直接使用对象可以获取到下拉框选择的数据

js控制html下拉框select的选择

关于html的下拉框, 我们该如何在js代码中控制它选择哪个呢?   如下: 1 2 3 4 test functio...
  • stpeace
  • stpeace
  • 2016年03月06日 22:09
  • 8029

JavaScript简单例子之DOM动态获取年月日下拉框

动态获取年月日下拉框 nianyueri1.html function getYear(){ var yea...
  • slny1921394421
  • slny1921394421
  • 2016年07月21日 23:18
  • 2167

javascript生日下拉框

"http://www.w3.org/TR/html4/strict.dtd"> 下拉框生日 #y1 { width: 60px; } //获取年 ...
  • yy476864889
  • yy476864889
  • 2016年10月20日 17:57
  • 219

js即可手动输入又可下拉选择

下拉表
  • dream_broken
  • dream_broken
  • 2014年06月25日 23:07
  • 2937

js实现生日下拉框

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...
  • xiaoai5324
  • xiaoai5324
  • 2014年06月11日 14:27
  • 1108

js 用数组初始化下拉框

var data=[]; for(var i=0;i
  • csndmi
  • csndmi
  • 2013年11月28日 00:01
  • 861

JS动态添加select下拉框

动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;      ...
  • jearmy
  • jearmy
  • 2016年11月02日 16:47
  • 1355

js实现下拉框联动选中日期(select 日期联动更改)

html代码
  • zh921112
  • zh921112
  • 2014年08月05日 18:17
  • 12671

jQuery实现select下拉框选中数据触发事件

今天刚做了一个通过select下拉框修改数据的功能,因为select没有click点击事件,所以当选中下拉框中的数据后,使用onchange事件,但是在js中应该写bind(“change”,func...
  • cat_pp
  • cat_pp
  • 2016年11月15日 12:08
  • 29640

js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)

js:可输入可选择的select下拉框,可及时匹配内容(兼容ie)
  • u014547764
  • u014547764
  • 2016年12月21日 15:00
  • 1708
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js下拉框选择
举报原因:
原因补充:

(最多只允许输入30个字)