`
阅读更多

 

js动态设置Select中Option选中

 

var select = document.getElementById("selectYear");
var nextYear = '2012';
for(var i=0; i<select.options.length; i++){
	if(select.options[i].innerHTML == nextYear){
		select.options[i].selected = true;
		break;
	}
}

 

 

/**
 * 设置select选中
 * @param selectId select的id值
 * @param checkValue 选中option的值
 * @author lqy
 * @since 2015-08-21
*/
function setSelectChecked(selectId, checkValue){
	var select = document.getElementById(selectId);
	for(var i=0; i<select.options.length; i++){
		if(select.options[i].innerHTML == checkValue){
			select.options[i].selected = true;
			break;
		}
	}
};

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2013年12月7日 15:48:15 星期六

分享到:
评论

相关推荐

    select将选中的option设置为默认选项

    总之,通过JavaScript操作DOM,我们可以方便地在网页上动态设置`&lt;select&gt;`元素的默认选中项。这个功能在许多交互式应用场景中非常有用,比如用户配置、数据筛选等。在实际项目中,还可以结合事件监听器,如`change`...

    js动态设置select下拉菜单的默认选中项实例

    在这篇文章中,我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求,尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。 首先,我们需要了解...

    jquery获得select option值

    这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

    select option带自定义图片

    一种常见的方法是使用HTML5的`data-*`属性来存储图片链接,然后在JavaScript中动态生成带有图片的HTML结构。 首先,修改`&lt;option&gt;`元素,添加`data-*`属性: ```html &lt;select id="customSelect"&gt; &lt;option value=...

    js 操作select和option

    ### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`&lt;select&gt;` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `&lt;option&gt;` 子元素供用户选择。通过 JavaScript,我们可以实现...

    js获取select默认选中的Option并不是当前选中值

    js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`&lt;select&gt;`的基本结构: ```html ...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

    JS更改select内option属性的方法

    通过JavaScript可以动态地对select元素内的option属性进行更改,实现更加动态和丰富的用户交互体验。本文详细介绍了如何使用JavaScript更改select元素内option的属性,包括更改选项文本、值等,并提供了一个实例来...

    javascript_select_option_操作详解.txt

    在这个函数中,我们通过检查 `selectElement` 对象的 `selectedIndex` 属性来判断是否有选中的 `&lt;option&gt;`。如果 `selectedIndex` 大于 `-1`,则表示有选中的项。 #### 二、动态创建 `&lt;select&gt;` 元素 有时我们需要...

    JS实现select选中option触发事件操作示例

    本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的&lt;option&gt;选项触发事件,其实&lt;option&gt;本身没有触发事件方法,我们只有在select里...

    javascript 动态设置已知select的option的value值的代码

    在JavaScript编程中,动态设置`select`元素的`option`值是常见的需求,尤其是在用户交互或者数据更新的场景中。这个需求通常出现在用户修改页面时,我们需要根据已知的值来匹配并选中对应的`select`选项。下面将详细...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    这个JS插件就是为了解决这个问题,它扩展了`&lt;select&gt;`的功能,允许我们在`&lt;option&gt;`的`title`属性中插入图标地址,然后在界面上动态渲染这些图标。 接下来,我们要探讨如何使用这个插件。在项目中,首先需要引入...

    option的value比较来确定select默认选中项

    在网页开发中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`标签则定义了下拉列表中的选项。当用户加载页面时,我们希望某个特定的选项被默认选中。这通常通过比较`&lt;option&gt;`标签的`value`属性与预先设定的值来...

    jquery select 选中值设置左右select选择互换

    // 将select1的当前选中项设置为select2的选中项 $('#select2').val(selectedValue); // 同时清除select1的选中状态,防止重复选中 $(this).val(''); }); // 监听select2的改变事件 $('#select2').on('...

    js select option

    在JavaScript编程中,`select`元素和`option`标签是创建下拉列表的重要部分。`select`用于定义一个选择框,而`option`则用于在选择框中添加可选项。在网页交互中,用户通常会使用这样的下拉列表来从预设的选项中做出...

    页select中如何实现选择option其中一个选项,显示相关的内容

    ### 如何实现在`&lt;select&gt;`中选择一个`&lt;option&gt;`后显示相关的内容 #### 场景概述 根据所提供的信息,我们面临的问题是:当用户从一个`&lt;select&gt;`元素中选择一个`&lt;option&gt;`时,希望能在页面的某个区域内显示与所选`...

Global site tag (gtag.js) - Google Analytics