html将option设为默认,select设置option默认

本文收集整理关于select设置option默认的相关议题，使用内容导航快速到达。

内容导航：

Q1：javascript如何 设置select下option元素里显示的那一项？

1

2

3

var selObj = document.forms[0].sel;

var options = selObj.options;

options[0].text = 111; //使用option的text属性设置option显示内容

options[1].text = 222;

www.yIJiTao..coM

Q2：html中select的option怎么设置默认值，数据为数据库动态数据

做输出的时候做个比较，具体的代码根据你的脚本语言而定

if(用户当前值 == option循环值){

输出 数据库值

}else{

输出 数据库值

}

当然，如果出现多个option带selected属性时，只会显示最后那一个，因为浏览器的自带的select本身就是一个单选项www.y‖iJitAO.cOM

Q3：怎样设置select下拉框的默认值，其中option里面是从一个list得到的，需要全部显示出来，默认的值是从另一个

$("#eventLevel option[value=http://127.0.0.1/yijitao/3]").attr("selected","selected");

WWW‖.yiJItaO.cOM

Q4：怎么设置select中option选取后就设为默认值

我只有一个思路，就是设置select的value值，每次你选择后，select的value值都会改变成你选择的值，如果你需要刷新后还能获取到，也可以存到reponse里面。仅供参考。

Q5：如何在修改页面取得新增页面select 的option 默认选中的值？

selected=selected>XXXX

…………

在option里面写语句，吧默认的保存的值传过来，判断是否相等，相等的设置select就好了。

Q6：怎么去select下option的默认边框

我们先来看下select选框在浏览器中默认的样式。看下图。

css中如何去掉select边框和小三角

css中如何去掉select边框和小三角

第一步，我们先来看看怎么去掉select的边框效果。我们需要给select添加样式：border:0,就把边框去掉了，来看看效果。如果需要把背景也去掉，需要再添加：background: transparent;背景就会成为透明的。

css中如何去掉select边框和小三角

css中如何去掉select边框和小三角

第二步，去掉select右侧的三角形。在第一步中，我们去掉了select边框，但是select右侧的三角形还在。我们需要添加appearance样式。这样右侧三角形就去掉了。注意浏览器的兼容性。如下图所示：

css中如何去掉select边框和小三角

css中如何去掉select边框和小三角

appearance是css3新增的属性。大部分主流浏览器都不支持这个属性，在手机浏览器或者做微信端的时候可以用这个属性，如果想要兼容大部分浏览器，还有个小方法：在select外写一个div,固定宽高，设置overflow:hidden。select的宽要比div的宽大，这样就把select右侧的小三角给隐藏掉了。

感兴趣的朋友可以再去多了解下appearance的用法。了解它的其他几个属性的具体用法，appearance一共有normal ，icon， window ， button ，menu， field这几个属性，这里不再详细介绍了。

Q7：怎么设置select 默认选中option字体的颜色，想把“请选择搜索类型”的字体颜色改变淡灰色

1234567891011121314151617181920212223select{color:#eee}option{color:#000;}测试1测试2测试3测试4