根据下拉框的文本值设置默认值

jiaping108 2009-10-26 02:25:02

<select id = "select1" name = "select1" size=1>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="2">test3</option>
</select>

现在需要设置默认值为test3,JS中应该怎么写,因为value可能有重复,所以只能使用里面的text来定位
...全文
567 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
songzhiwei1984 2009-10-26
  • 打赏
  • 举报
回复
这个简单啊 ,你取到那个<selset> 然后 取得它的 children 的集合 ,写一个 循环 ,如果它的 子类的 innerText 等于 test3 的话就 把这个 子类的 select 改成 ture。
草根醉秋意 2009-10-26
  • 打赏
  • 举报
回复

<script type="text/javascript">
window.onload = function() {
var sel = document.getElementById("select1");
var option = sel.getElementsByTagName("option");
var len = option.length;
for (var i = 0; i < len; i++) {
if (option[i].innerHTML = "test3") {
option[i].setAttribute("selected", "selected");
break;
}
}
}

</script>
<select id = "select1" name = "select1" size=1>
<option value="1">test1 </option>
<option value="2">test2 </option>
<option value="2">test3 </option>
</select>

FF没有text属性
BeenZ 2009-10-26
  • 打赏
  • 举报
回复
用js的话

<script>
function selectStr(str){
var sel=document.getElementById("select1").options;
for(var i=0;i<sel.length;i++){
if(sel.options[i].text==str){
sel.options[i].selected=true;
}
}
}
window.onload=function(){
selectStr("test3")
}
</script>

<select id = "select1" name = "select1" size=1>
<option value="1">test1 </option>
<option value="2">test2 </option>
<option value="2">test3 </option>
</select>
BeenZ 2009-10-26
  • 打赏
  • 举报
回复

<select id = "select1" name = "select1" size=1>
<option value="1">test1 </option>
<option value="2">test2 </option>
<option value="2" selected>test3 </option>
</select>

87,899

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧