`
wandejun1012
  • 浏览: 2719314 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JAVASCRIPT对下拉列表框(SELECT)的操作

    博客分类:
  • JS
 
阅读更多

 

 

需求:发现下拉列表的值是11时,当其选中。

 

HTML关键代码如下:

<select name="mySel">
	<option value="3">cn</option>
	<option value="1">en</option>
	<option value="2">usa</option>
	<option value="11">google</option>
	<option value="9">apple</option>
	<option value="0">dibai</option>
</select>
<input type="button" value='controlSelect' onclick="ctrlSel()"><br>

 

 

JS关键代码如下:

function ctrlSel(){
		var mysel=document.getElementsByName("mySel")[0];
		for(var i=0;i<mysel.options.length;i++){
			if(mysel.options[i].value==11){
				mysel.options[i].selected=true;
			}
		}
	}

 

 

注意在JS中定义变量是var i,不是int i。

 

详情请见:http://www.blogjava.net/Struts2/archive/2007/06/18/124950.html

分享到:
评论

相关推荐

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    javascript对下拉列表框(select)的操作实例讲解

    根据给定的文件信息,下面将展开关于JavaScript对下拉列表框(select)操作的知识点讲解。 ### JavaScript对下拉列表框(select)操作详解 #### 一、基本操作 1. **获取下拉列表框的引用** 使用`document....

    javascript 操作select下拉列表框的一点小经验.docx

    ### JavaScript操作Select下拉列表框的关键技术点 #### 一、背景与需求分析 在Web应用开发中,经常需要处理用户界面的各种交互行为。本文档介绍了一种利用JavaScript操作Select下拉列表框的方法,旨在满足特定场景...

    div模拟select自定义下拉列表框(jQuery)

    `div模拟select自定义下拉列表框`是一种常见做法,它利用JavaScript(如jQuery)和CSS来实现,可以提供比原生`&lt;select&gt;`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...

    用JavaScript来美化HTML的select标签的下拉列表效果

    通过上述的方法,开发者可以解决select下拉列表在不同浏览器下默认样式不一致的问题,并通过JavaScript为用户提供更加美观和友好的交互体验。同时,使用这种方法也可以增强select的功能,比如添加搜索功能,支持多选...

    Select下拉列表框

    Select下拉列表框CssJavascriptCssJavascriptCssJavascript

    JavaScript动态级联下拉列表框

    JavaScript动态级联下拉列表框是一种常见的前端交互设计,它允许用户在选择一个选项后,根据选择的结果动态更新下一个下拉列表框的内容。这种技术在数据筛选、表单填写等场景中广泛应用,能够提高用户体验,减少不必...

    手动样式仿select下拉列表框

    "手动样式仿select下拉列表框"就是一个这样的实践,它通过CSS和JavaScript等技术,使得原本样式单一的SELECT元素变得更为美观、交互性强。 在传统的HTML中,SELECT元素用于创建下拉列表,但其默认样式受到浏览器的...

    js处理下拉列表框

    根据给定的信息,本文将详细解释JavaScript代码片段中涉及的关键概念和技术细节,这些技术主要用于处理HTML页面中的下拉列表框。 ### 一、JavaScript与HTML交互基础 在深入解析这段代码之前,我们先来了解一些基本...

    HTML二级联动下拉列表框的实现,如选择 省,市.zip

    总的来说,HTML二级联动下拉列表框的实现涉及HTML、JavaScript以及数据管理,通过监听用户交互,动态更新页面内容,为用户提供更便捷、个性化的操作体验。这种技术在网页表单、地图选择等场景中广泛使用。

    javascript 操作select下拉列表框的一点小经验

    在JavaScript中操作SELECT下拉列表框是Web开发中常见的任务,尤其在动态更新页面和响应用户交互时。本文将分享一些关于如何使用JavaScript处理此类需求的经验。 首先,我们需要理解问题的具体场景。在这个例子中,...

    ajax 下拉列表框

    **Ajax 下拉列表框详解** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Web开发中,它极大地提升了用户体验,使得页面交互更加流畅。本教程将...

    JavaScript 事件处理 下拉列表和可选项 示例代码

    JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...

    jquery+css3美化select下拉列表框特效

    本项目结合了JavaScript库jQuery和CSS3的新特性,为下拉列表框提供了一种美观的展示方式。 jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画效果。在这个项目中,jQuery被用来处理...

    下拉列表框操作_finished.rar

    在Uibot自动化任务中,下拉列表框(Dropdown)是一种常见的交互元素,它允许用户从预设的选项中选择一个或多个值。本实践题着重于如何有效地操作这种控件,以完成特定的任务。根据标题和描述,我们可以推测这是一个...

    网页表单级联下拉列表自动填写方法

    使用JavaScript的Ajax技术可以异步加载后一个下拉列表框的选项,当用户选择了前一个下拉列表框的选项后,JavaScript就会向服务器发送请求,服务器返回相应的数据,然后JavaScript就会根据数据来生成后一个下拉列表框...

    三款漂亮的下拉列表 select

    在网页设计中,下拉列表(Select)是用户界面中常见的一种交互元素,它用于提供一组可选项供用户选择。本文将详细介绍三款美观且功能丰富的下拉列表组件,它们利用JavaScript和CSS技术,提供了出色的用户体验和高度...

    可输入的html下拉列表框,自带筛选

    "可输入的HTML下拉列表框,自带筛选"是一种优化用户体验的常见功能,它允许用户在下拉菜单中通过输入关键字来快速定位并选择所需项,极大地提高了操作效率。这种技术主要涉及到HTML、CSS以及JavaScript等前端技术,...

    具有多选功能的下拉列表框

    在IT领域,尤其是在Web开发和UI设计中,创建具有多选功能的下拉列表框是一项常见的需求。传统的下拉列表通常只允许用户选择一个选项,但通过自定义和扩展,我们可以实现一个支持多选的下拉列表框。下面将详细讨论这...

    JS下拉列表,漂亮的下拉列表(javascript)

    总之,这款JavaScript下拉列表组件提供了一种高效、灵活的解决方案,以满足各种网页应用中的选择需求。无论是对于新手还是经验丰富的开发者,都能快速集成并自定义这个组件,以适应他们的项目需求。通过深入理解这些...

Global site tag (gtag.js) - Google Analytics