js添加select下默认的option的value和text的方法_javascript技巧-js教程-PHP中文网

首页

web前端

js教程

js添加select下默认的option的value和text的方法_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:33 PM

option select

</p>
<p>jsp 中的下拉框标签：</p>
<p><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></p>
<p></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="14907" class="copybut" id="copybut14907" onclick="doCopy('code14907')"><u>复制代码</u></a></span> 代码如下:</div>
<div class="codebody" id="code14907">
<br>
<pre name="code" class="html"> <br>
<br>
multiple="true"意思是支持选择多个。 <br>

<br>
<br>
</div>
<br>
js中灵活创建select标签下的项的方式：
<p></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="6621" class="copybut" id="copybut6621" onclick="doCopy('code6621')"><u>复制代码</u></a></span> 代码如下:</div>
<div class="codebody" id="code6621">
<br>
<pre name="code" class="javascript">var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx为html或jsp页面上的select标签的id，如果使用Extjs的话，可以用EXT.getDom('sjx')获取标签 <br>
<br>
var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//js中创建select标签下的OPTION子标签 <br>
oSelect.options.add(oOption);<span style="white-space:pre"> </span>//将新建的OPTION子标签添加到select标签下 <br>
oOption.value = "001";<span style="white-space:pre"> </span>//内容对应的value值 <br>
oOption.innerHTML ="小苹果";<span style="white-space:pre"> </span>//显示的下拉框的内容 <br>
...以此类推<br>
</div>
<p>Note：js中的这种方式，在特定的场合是比较有用的，比如：这里请求不返回特定界面，也就是不刷新整个界面。而是采用Ajax方式的异步请求做一些局部的数据请求，那么这个时候下面strut2的方式，就会无效。</p>
<p></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')"><u>复制代码</u></a></span> 代码如下:</div>
<div class="codebody" id="code84595">
<br>
<pre name="code" class="java"><pre name="code" class="java">for(...){ <br>
HashMap<String,Object> map = new HashMap<String,Objcet>(); <br>
map.put("BM","001"); <br>
map.put("MC","小苹果"); <br>
sjxList.add(map); <br>
} <br>
</div>
<p>另外一种方式，也是非常常用的：利用struts2的特性，在Action中定义一个List<Object>变量（以本例为例，命名为：sjxList），并设置set、get方法。</p>
<p>通过一个 HashMap 对象，添加内容，比如：</p>
<p>

返回界面时，将在界面的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>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7384

Java教程

1628

CakePHP 教程

1357

Laravel 教程

1267

PHP教程

1216

显示更多

Related knowledge

jquery如何隐藏select元素 Aug 15, 2023 pm 01:56 PM

jquery隐藏select元素的方法：1、hide()方法，在HTML页面中引入jQuery库，可以使用不同选择器来隐藏select元素，ID选择器将selectId替换为你实际使用的select元素的ID；2、css()方法，使用ID选择器选择需要隐藏的select元素，使用css()方法将display属性设置为none，并将selectId替换为select元素的ID。

使用golang进行Select Channels Go并发式编程的异步处理方法 Sep 28, 2023 pm 05:27 PM

使用golang进行SelectChannelsGo并发式编程的异步处理方法引言：并发式编程是现代软件开发中的一个重要领域，它可以有效地提高应用程序的性能和响应能力。在Go语言中，使用Channels和Select语句可以简单而高效地实现并发编程。本文将介绍如何使用golang进行SelectChannelsGo并发式编程的异步处理方法，并提供具体的

linux文档中option什么意思 Mar 07, 2023 am 10:41 AM

在linux中，option是指命令选项，是调整命令执行行为的开关，即选项不同决定了命令的显示结果不同。option（选项）分为长选项和短选项：1、短选项都是使用“-”引导，当有多个短选项时，各选项之间使用空格隔开；2、长选项都是完整的单词，且通常不能组合。

jQuery中如何实现select元素的改变事件绑定 Feb 23, 2024 pm 01:12 PM

jQuery是一个流行的JavaScript库，可以用来简化DOM操作、事件处理、动画效果等。在web开发中，经常会遇到需要对select元素进行改变事件绑定的情况。本文将介绍如何使用jQuery实现对select元素改变事件的绑定，并提供具体的代码示例。首先，我们需要使用标签来创建一个包含选项的下拉菜单：

linux要用select的原因是什么 May 19, 2023 pm 03:07 PM

因为select可以使开发者在同时等待多个文件缓冲区，可减少IO等待的时间，能够提高进程的IO效率。select()函数是IO多路复用的函数，允许程序监视多个文件描述符，等待所监视的一个或者多个文件描述符变为“准备好”的状态；所谓的”准备好“状态是指：文件描述符不再是阻塞状态，可以用于某类IO操作了，包括可读，可写，发生异常三种。select是一个计算机函数，位于头文件#include。该函数用于监视文件描述符的变化情况——读写或是异常。1.select函数介绍select函数是IO多路复用的函

mysql的select语法怎么使用 Jun 01, 2023 pm 07:37 PM

1、SQL语句中的关键词对大小写不敏感，SELECT等效于SELECT，FROM等效于from。2、从users表中选择所有列的，可以用符号*代替列的名称。语法--这是注释--从FEOM指定的[表中],查询出[所有的]数据.*表示[所有列]SELECT*FROM--通过从FROM从指定的[表中],查询出指定列名称(字段)的数据SELECT列名称FROM表名称实例--注意:多个列之间,使用英文的逗号来分隔selectusername,passwordfrom

通过golang实现Select Channels Go并发式编程的性能优化 Sep 27, 2023 pm 01:09 PM

通过golang实现SelectChannelsGo并发式编程的性能优化在Go语言中，使用goroutine和channel实现并发编程是非常常见的。而在处理多个channel的情况下，我们通常会使用select语句来进行多路复用。但是，在大规模并发的情况下，使用select语句可能会导致性能下降。在本文中，我们将介绍一些通过golang实现select

使用golang实现可靠性和鲁棒性的Select Channels Go并发式编程 Sep 28, 2023 pm 05:37 PM

使用Golang实现可靠性和鲁棒性的SelectChannelsGo并发式编程引言：在现代软件开发中，并发性已经成为了一个非常重要的主题。使用并发编程可以使得程序更具有响应性、更高效地利用计算资源，并且能够更好地处理大规模的并行计算任务。Golang是一种非常强大的并发编程语言，它通过go协程和channel机制，提供了一种简单而有效的方式来实现并发编程

See all articles

js添加select下默认的option的value和text的方法_javascript技巧

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题