js添加下默认的option的value和text的方法
来源:易贤网 阅读:1194 次 日期:2016-06-30 09:49:41
温馨提示:易贤网小编为您整理了“js添加下默认的option的value和text的方法”,方便广大网友查阅!

<pre name=code class=java>

jsp 中的下拉框标签:

<s:select name=sjx id=sjx list=sjxlist listkey=bm listvalue=mc size=20 cssstyle=width:100%;height:70px; border:0 multiple=true></s:select>

代码如下:

<pre name=code class=html>

multiple=true意思是支持选择多个。

</pre><pre code_snippet_id=487056 snippet_file_name=blog_20141017_5_1612209 name=code class=javascript>

js中灵活创建select标签下的项的方式:

代码如下:

<pre name=code class=javascript>var oselect = $(sjx);<span style=white-space:pre> </span>//sjx为html或jsp页面上的select标签的id,如果使用extjs的话,可以用ext.getdom('sjx')获取标签

var ooption = document.createelement(option);<span style=white-space:pre> </span>//js中创建select标签下的option子标签

oselect.options.add(ooption);<span style=white-space:pre> </span>//将新建的option子标签添加到select标签下

ooption.value = 001;<span style=white-space:pre> </span>//内容对应的value值

ooption.innerhtml =小苹果;<span style=white-space:pre> </span>//显示的下拉框的内容

...以此类推

note:js中的这种方式,在特定的场合是比较有用的,比如:这里请求不返回特定界面,也就是不刷新整个界面。而是采用ajax方式的异步请求做一些局部的数据请求,那么这个时候下面strut2的方式,就会无效。

代码如下:

<pre name=code class=java><pre name=code class=java>for(...){

hashmap<string,object> map = new hashmap<string,objcet>();

map.put(bm,001);

map.put(mc,小苹果);

sjxlist.add(map);

}

另外一种方式,也是非常常用的:利用struts2的特性,在action中定义一个list<object>变量(以本例为例,命名为:sjxlist),并设置set、get方法。

通过一个 hashmap 对象,添加内容,比如:

</pre>返回界面时,将在界面的select下拉框中显示“小苹果”。

<pre name=code class=html>最简单的一种方式:

直接在jsp页面手动添加select标签的option项

<html>

<body>

<form>

<select id=cars name=cars>

<option value=volvo>volvo</option>

<option value=binli>binli</option>

<option value=mazda selected=selected>mazda</option>

<option value=audi>audi</option>

</select>

</form>

</body>

</html>

更多信息请查看脚本栏目
上一篇:jquery content
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标