`
ybhuxiao
  • 浏览: 192828 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript中操作Select[Option]的节点

阅读更多
因为用的少,总忘记,今天写一个仿qq投票的功能,用到了,顺便做下备忘





1. 注意要try catch,用来兼容firefox和ie
2. 另外把select置空使用xx.length = 0即可,不用remove()
function resetOption(){
	var zdxjx = document.getElementById("zdxjx");
	var xxmcs = document.getElementsByName("xxmc");
	zdxjx.length = 0;
	for(var i=1; i <= xxmcs.length; i++){
		var option = document.createElement('option');
		option.text = "最多选"+ i +"项";
		option.value = i;
		try{
    		zdxjx.add(option,null); // standards compliant
    	} catch(ex) {
   			zdxjx.add(option); // IE only
    	}
	}
}


更多的见:
http://www.w3school.com.cn/htmldom/dom_obj_select.asp

  • 大小: 37.9 KB
0
1
分享到:
评论

相关推荐

    javascript_select_option_操作详解.txt

    ### JavaScript Select Option 操作详解 #### 一、检测是否有选中项 在处理表单时,经常需要检测用户是否已选择了某个 `&lt;select&gt;` 元素中的 `&lt;option&gt;` 项。以下是一个简单的示例来实现这一功能: ```javascript ...

    js 操作select和option

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

    向元素中动态添加option

    这篇博客“向&lt;select&gt;元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`&lt;select&gt;`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...

    JavaScript操作select&&table

    ### JavaScript操作select&&table #### 一、JavaScript操作Select元素 在Web开发中,`&lt;select&gt;`元素用于创建下拉列表。通过JavaScript可以对这些下拉列表进行动态操作,包括添加选项、删除选项、获取选中的值等。...

    Html dom中的select, option_ 级联下拉列表

    在HTML DOM中操作select和option时,可以使用诸如document.getElementById获取select元素,再利用add方法来添加option元素。 此外,创建元素时还需注意元素的样式如何被定义。在文中提到,要修改的样式必须是内联...

    js控制 select表单子节点左右上下移动

    这篇博客“js控制 select表单子节点左右上下移动”提供了一个解决方案,它可能包含了一个名为`optionSelect.js`的脚本文件,用于实现这个功能。 首先,我们需要理解`select`元素和它的`option`子元素。在HTML中,`...

    jquery操作select option 的代码小结

    在html中,select元素中的option元素可以通过value属性设置一个值,同时,option元素显示的文本内容则是option元素的子节点。使用jquery获取select元素中选中的option的value和text的代码示例如下: ```javascript $...

    js 操作select与option(示例讲解)

    在Web开发中,操作select和option元素是前端JavaScript编程的一个常见需求。select元素通常用作下拉列表,用户可以通过它选择一个或多个选项。option元素则是select下拉列表中的一个选项。本文将详细介绍如何使用...

    bootstrap select树形下拉框

    在HTML中,下拉框通常使用`&lt;select&gt;`标签创建,而树形结构则需要通过JavaScript库如jQuery或者更专业的UI库如jQuery UI或AngularJS来实现。Bootstrap Select通过插件的形式将这两者融合,使得在网页中可以方便地创建...

    JQuery给元素添加/删除节点比如select

    在本篇文章中,我们将探讨如何使用 jQuery 来操作 HTML 中的 `&lt;select&gt;` 元素,包括获取选中项的文本、值和索引,以及添加和删除 `&lt;select&gt;` 的 `&lt;option&gt;` 节点。 首先,我们来看如何获取 `&lt;select&gt;` 元素中选中的...

    jquery动态添加option

    总结起来,jQuery动态添加`&lt;option&gt;`是通过创建新的`&lt;option&gt;`元素,设置其属性,然后将其添加到`&lt;select&gt;`元素中来实现的。这种方法使得网页的交互性增强,能够根据用户行为或数据变化实时更新下拉列表,极大地提高...

    jquery 动态遍历select 赋值的实例

    这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的主要知识点。通过本文的介绍和...

    JavaScript获取select中text值的方法

    在JavaScript中获取`&lt;select&gt;`元素选中项的文本值可以通过`this.options[this.selectedIndex].text`来实现。这在网页交互中非常常见,比如用于验证用户输入、展示提示信息或者根据用户选择执行相应操作。熟练掌握...

    Select Tag's options process

    最后,我们使用`appendChild`方法将这个新创建的`&lt;option&gt;`元素添加到`select`元素的子节点列表末尾。 在实际应用中,这可能涉及到更复杂的逻辑,比如遍历数据数组来生成多个选项,或者根据用户操作动态增删选项。...

    JQuery给select添加/删除节点的实现代码

    JQuery也提供了非常便捷的方法来删除select中的option节点。可以删除具有特定索引值的option,也可以根据option的值或者文本内容来删除特定的option节点: ```javascript jQuery("#select_id option:last").remove...

    JS操作select下拉框动态变动(创建/删除/获取)

    标题所指的知识点是关于使用JavaScript来动态地操作HTML中的select下拉框元素,包括创建和删除select元素本身,以及对select元素中的option选项进行添加、删除、获取和修改等操作。以下是各知识点的详细说明: 1. ...

    JS动态添加与删除select中的Option对象(示例代码)

    在JavaScript中,动态地添加和删除select元素中的option是一种常用的操作。本文将详细介绍如何使用JavaScript来实现这一功能,并提供相关示例代码。 首先,要动态地操作select元素中的option,需要了解几个关键的...

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

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

Global site tag (gtag.js) - Google Analytics