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

js如何让下拉列表选中某个值

    博客分类:
  • JS
 
阅读更多

 

有2种方法:

 

1、

<select id="aa">
<option>1</option>
<option>2</option>
</select>
<input type="button" value=" 选中" onclick="checkOption()" />
<script language="javascript" type="text/javascript" > 
function checkOption()
{
    document.getElementById("aa").options[1].selected = true;
    alert("选中了2");
}
</script>

 

方法2:

document.getElementById("aa").selectedIndex= 2;

 

refurl:http://bbs.csdn.net/topics/190061104

 

 方法3:

可以通过value来赋值。

举例如下:

下拉列表代码如下:

<select onPropertyChange="showValue(this.value)" id="mysel">
	<option value=""></option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>
<input type="button" value="changevalue"  onclick="setvalue();">

 

JS函数代码如下:

 

function setvalue() {
		document.getElementById("mysel").value="2";
	}

 

 

 

 

 

 

分享到:
评论

相关推荐

    js实现下拉列表选中某个值的方法(3种方法)

    JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...

    JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变

    描述中提到的“在按钮提交后保存下拉列表中值不变”,这意味着在用户点击某个提交按钮后,应用应该能够持久化存储用户在下拉菜单中的选择,以便即使页面被刷新,之前的选中值依然可以恢复。这通常涉及到数据的本地...

    下拉列表二级联动

    二级联动的核心在于监听第一个下拉列表的`onChange`事件,当用户在第一个下拉列表中选择一个选项时,触发该事件,通过JavaScript获取当前选中的索引或值,然后根据这个信息动态地更新第二个下拉列表的选项。...

    级联下拉列表工具类,js实现

    ### 级联下拉列表工具类:JS实现详解 #### 概述 级联下拉列表是一种在前端开发中常见的交互方式,特别是在处理多层级数据时,它能有效地帮助用户进行选择。本文将深入分析一个名为`ComboSelectFactory`的...

    jquery简单实现级联下拉列表

    级联下拉列表是指当用户在一个下拉列表中选择某个选项时,会触发另一个或多个下拉列表的更新,以便显示与之相关的选项。这种交互方式可以提高用户体验,简化复杂的数据选择过程。 ### jQuery在级联下拉列表中的应用...

    JQuery 使用attr方法实现下拉列表选中

    使用JQuery的attr方法实现下拉列表选中是一项基本且实用的技术。 首先,我们要了解下拉列表(select)元素和它的工作原理。在HTML中,下拉列表是通过标签创建的,每个选项则是通过标签表示。每个标签可以有一个...

    JQuery关于下拉列表的操作

    在JQuery中,可以通过`val()`方法来获取下拉列表当前选中的值: ```javascript // 获取下拉列表当前选中的值 var selectedValue = $('#sltList').val(); console.log(selectedValue); // 输出选中的值 ``` #### 二...

    下拉列表js操作

    通过JavaScript可以实现对下拉列表的动态控制,如获取选中的文本或值、改变选中项等。本文将详细介绍如何使用JavaScript来操作HTML中的下拉列表。 #### 二、基本概念与语法 **1. 获取下拉列表对象** 在JavaScript中...

    js+jsp 联动下拉列表框

    ### js+jsp 联动下拉列表框 在网页开发中,经常需要用到联动下拉列表来实现数据的动态关联展示。例如,在一个电子商务网站上,用户选择省份时,对应的市级下拉列表会随之更新。这种功能的实现依赖于前端JavaScript...

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

    5. 同步更新:无论是哪种方法,在用户选择了自定义下拉菜单中的某个选项后,需要同步更新原生select中的选中项,并且将选中项的值显示在自定义下拉菜单上。 下面,我们将进一步详细介绍用JavaScript来美化HTML的...

    JS中Select下拉列表类(支持输入模糊查询)功能

    JS中Select下拉列表类支持输入模糊查询功能的知识点主要包括以下几个方面: 1. HTML结构设计:实现输入模糊查询功能的下拉列表通常包含一个输入框和一个下拉框。输入框用于用户输入查询字符,下拉框则是提供选项供...

    javascript获取下拉列表框当中的文本值示例代码

    在本篇文章中,将详细探讨如何使用JavaScript语言在网页中获取用户在下拉列表框(select元素)中选择的文本值。当下拉列表框中的选项发生变化时(即用户选择了新的选项),我们将利用JavaScript来捕获这个变化,并...

    JavaScript 二级联动下拉列表

    当用户在第一个下拉列表(主列表)中选择某个选项时,第二个下拉列表(子列表)会根据主列表的选择动态更新其内容。这种设计可以提高用户体验,使用户能够更方便地选择相关的选项。 ### 二、实现原理 1. **数据...

    iphone下拉列表实现

    在iOS开发中,实现iPhone的下拉列表通常涉及到UITableView或者UICollectionView控件的使用。这些控件是Apple提供的原生UI组件,能够展示一系列可滚动的数据项,非常适合构建类似下拉菜单的效果。本教程将深入探讨...

    html中嵌套js下拉列表框

    - `showPic(num)`函数接收一个参数`num`,表示选中的下拉列表项的值。 - 使用`document.getElementById()`方法获取指定ID的元素。 - 通过修改元素的`style.display`属性来控制元素的显示或隐藏。 3. **具体实现*...

    JS树形结构下拉列表菜单选择代码

    本项目"JS树形结构下拉列表菜单选择代码"提供了一个实用的解决方案,让用户能够方便地在多个层级中选择人员或进行自定义选择。 首先,`index.html`是项目的主入口文件,它包含了HTML结构,用于展示页面的基本框架。...

    jquery自定义下拉列表.zip

    JavaScript是实现下拉列表交互功能的基础,而jQuery则是它的强大工具。在jQuery中,我们可以轻松地绑定事件,如点击、展开、收起下拉列表,以及动态添加、删除选项。使用`.on()`方法可以监听事件,`.slideToggle()`...

    几款极好的 JavaScript 下拉列表插件

    本文将深入探讨两款优秀的JavaScript下拉列表插件——Hovercard和ddSlick,这两款工具都提供了源码,非常适合开发者进行自定义和二次开发。 首先,我们来看Hovercard插件。Hovercard主要用于创建类似于Twitter的...

    下拉列表使用

    当用户在表单中选择下拉列表的某个选项后,提交表单时,服务器端通常会接收到`&lt;select&gt;`标签的`name`属性所对应的值,即用户选择的`&lt;option&gt;`的`value`。 9. 模仿下拉列表: 为了实现更复杂的功能或更好的视觉...

Global site tag (gtag.js) - Google Analytics