select怎样把value值跟相应的内容连接起来

<select  id="time" class="selectpicker" data-width="100px">
<option value="">今天</option>
<option value="">昨天</option>
<option value="">前天</option>
</select>
这是一个select下拉菜单，value值是js动态生成的今天，昨天，前天对应的时间，现在的效果是点击能够显示对应的时间，但是如果是在前面加一个option，值跟内容对不上，要怎样才能保证无论前面怎么操作都不会都后面的产生影响

6 个解决方案

#1

表示不明白你的需求……

#2

往前面加一个option的话，值跟内容就对不上了

#3

引用 楼主 sinat_35888509 的回复:

<select  id="time" class="selectpicker" data-width="100px">
<option value="">今天</option>
<option value="">昨天</option>
<option value="">前天</option>
</select>
这是一个select下拉菜单，value值是js动态生成的今天，昨天，前天对应的时间，现在的效果是点击能够显示对应的时间，但是如果是在前面加一个option，值跟内容对不上，要怎样才能保证无论前面怎么操作都不会都后面的产生影响

value里面要赋值的.比如<option value="1">今天</option>那么这个1就代表今天

#4

根据今天，昨天,前天这三个的value去判断不就行了……

#5

可以用 switch ..case 。
先分别设置value值，然后获取value值，根据你所选的选项不同，对应不同的value，再把每个value作为一个case的值，在case下做出相应的操作就可以啦！

#6

这种情况建议使用js动态给select注入option代码，具体步骤如下：
var sel1=document.getElementById("time");
var options="";
options+="<option value='2016-08-15'>今天</option>";
options+="<option value='2016-08-14'>昨天</option>";
options+="<option value='2016-08-13'>前天</option>";
sel1.innerHTML=options;

出自笔记帮：http://www.notehelp.cn