javascript据option的value值快速设定初始的selected选项

2016-02-19 09:20 11 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的javascript据option的value值快速设定初始的selected选项,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlewritten by misshjn/title
SCRIPT LANGUAGE="JavaScript"
!--
function test(value){
 var opt = document.getElementById("ss").innerHTML.toString();
 var re = new RegExp(value,"g");
 opt = opt.replace(/OPTION|/OPTION| selected|value/g,"").match(/=.*?/g).toString().replace(/=|/g,"").replace(re,"┢").replace(/[^,┢]/g,"").indexOf("┢");
 document.getElementById("ss").getElementsByTagName("option")[opt].selected = true;
}
function randomselect(){
 document.getElementById("ss").getElementsByTagName("option")[Math.floor(Math.random()*document.getElementById("ss").getElementsByTagName("option").length)].selected = true;
}
//--
/SCRIPT
/head
body
!--
select id="ss"
option value="1998"1998年/option
option value="1999"1999年/option
option value="2000"2000年/option
option value="2001"2001年/option
option value="2002"2002年/option
option value="2003"2003年/option
option value="2004"2004年/option
option value="2005"2005年/option
/select
--
SCRIPT LANGUAGE="JavaScript"
!--
var opts;
for (i=1900; i2008; i++){
 opts +="option value='"+i+"'第 "+i+" 年/option";
}
document.write("select id='ss'"+opts+"/select");
//--
/SCRIPT
input type="button" value="选中 value=2001 的选项" onclick="test('2001')"
input type="button" value="随机选择" onclick="randomselect()"
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1590451.html

延伸阅读
标签: Web开发
二个框内值传递.不错的效果 代码如下: script type="text/javascript" defer="defer"  function $(value)  {   return document.getElementById(value);  }  function ch(s){   var p = new Array(0,1,2);   p[0] = '大...
标签: Web开发
script language="javascript" function getNoRepeat() { return arguments[0].join('‖').match(/([^‖]+)(?!.*‖1)/ig); } var tmpArr = [1, 'a', 'ab', 'abc', 'd', 1.2, 'a+b', 'd', 'e', 5, 'a', 1, 'h', 'c', 'ab']; var ret...
标签: Web开发
head   meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /   titlejavascript模仿新浪的黄色选项卡效果/title   style type=”text/css”    *{font-size:12px;margin:0;padding:0;}    #dreamdujsexe{width:748px; height:250px; overflow:hidden; border:1px #cccbc9 solid; li...
标签: Web开发
问题描述       对于select控件 1 2 3,我们可以通过它的options.add(new Option(v,t))的方法动态的插入一个option选项,但是新增的option的位置只能在最后,却不能插入到指定的任意位置。 解决方法       既然select的options属性提供的方法无法实现上面的需求,那么只好找办法了。我们...
标签: Web开发
今天有个哥们问我要是JavaScript函数重名了会有什么后果?开始我没有细想,就说可能会出错吧,可是等我实验完了发现页面没有任何脚本错误提示,而且程序也运行了,只是对同名函数的调用执行了位置靠后的一个。     回头仔细一想,这个结果完全可以接受,因为脚本在页面里本身就是顺序执行下来的,包括函数的定义,但然如果只是...

经验教程

160

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部