`
vera_sq
  • 浏览: 118835 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

关于select框的值

 
阅读更多

第一种写法:

//得到页面select对象
var objsel=document.getElementById("selobj");
//得到select对象的id值
var checkvalue=objsel.options[objsel.selectedIndex].value; 
//得到select对象的显示值
var str=objsel.options[objsel.selectedIndex].text;

 

第二种写法:

//得到页面select对象
var objsel= document.getElementById("selobj");
//得到select对象的id值
var str= objsel.options[objsel.options.selectedIndex].value;
//得到select对象的显示值	
var checkvalue= objsel.options[objsel.options.selectedIndex].innerHTML;

 

在开发中,可能还会遇到需要设置select标签框的初始值,以下代码可作参考:

function init(){
    	var objsel=document.getElementById("selobj"); 
    	var a = '<s:property value="#session.objView.TKnowledgetype.name" />'; 
    	for(var i=0;i<objsel.length;i++){
    		var b = objsel.options[i].text;
    		if(a==b){
    			objsel.options[i].selected='selected';
    			return;
    		}
    	}
    }

 

分享到:
评论

相关推荐

    页面如何获取select框选中值(实例)

    用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...

    前台select框模糊查询方法

    在前端开发中,"select框模糊查询方法"是一种常见的用户交互功能,允许用户在下拉选择框中输入关键字,快速找到并选择匹配项。这样的功能极大地提升了用户体验,尤其是在选项众多时,用户不再需要逐个滚动查找,而是...

    select框中的颜色变化.rar

    在网页设计中,"select框"是用户界面中常见的元素之一,它允许用户从预设的选项中选择一个或多个值。"颜色变化"通常涉及到交互设计中的视觉反馈,当用户与select框交互时,例如鼠标悬停、点击或者选中某个选项时,...

    select 选择同一值触发onchange事件

    web前端小问题,select 选择事件,当选择select同一值触发onchange事件

    A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns

    在本资源中,我们主要探讨的是一个基于jQuery的图片选择器插件,它与HTML的select元素相结合,实现用户点击图片后将所选图片对应的值填充到表单的select框中。这个功能对于提高用户体验,特别是在需要用户选择图标...

    select标签边框的颜色select标签边框的颜色

    以上就是关于“select标签边框的颜色”这一主题的主要知识点。理解并熟练运用这些技巧,可以使你的网页设计更加个性化和专业。在实践中,记得不断测试和调试,以确保在各种环境下的表现都符合预期。

    Jquery实现的双Select框多选表单提交

    以上代码中,`e.preventDefault()`用于防止页面刷新,然后我们通过jQuery遍历两个Select框中的选中项,将值添加到数组`selectedValues`中。最后,这些值可以发送到服务器进行处理。 总结一下,本文介绍了如何使用...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    js select框美化用input文本框模拟select框美化特效

    在网页设计中,为了提升用户体验,常常需要对默认的HTML元素进行美化,其中就包括了对`&lt;select&gt;`下拉框的改进。本教程主要关注如何使用...希望这个教程能帮助你理解并实现js select框美化,让你的网页设计更加出色。

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    select复选框带全选

    在Bootstrap中,"select复选框"通常指的是一个下拉选择列表,其中包含多个可选的选项,用户可以通过勾选这些选项来做出选择。本篇文章将深入探讨如何在Bootstrap中实现带有全选功能的select复选框,以及相关的技术...

    两个select 框的数据移动

    要实现“两个select框的数据移动”,我们需要关注以下几个关键知识点: 1. **事件监听**:首先,我们需要在源`&lt;select&gt;`框上监听`change`事件。当用户做出选择时,这个事件会被触发。此外,如果支持多选,还需监听`...

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

    本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计,尤其是在需要双向联动或者数据交换的场景下,是一个实用的功能。 首先,我们要了解HTML中的`&lt;select&gt;`元素。它是创建下拉...

    jquery select框应用jquery ui滑块slide

    这里,`#selectId`是Select框的ID,`value`属性用于获取当前Select框的值,`change`事件在滑块改变时触发,更新Select框的值并触发表单的更改事件。 3. **同步滑块和Select**:当滑块值改变时,同步更新Select框的...

    js实现可下拉可输入input select框

    js实现的可下拉可输入input框 会自动检测输入的值在select中寻找对应选项

    jsp select 带多选框

    在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`&lt;select&gt;`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`&lt;select&gt;`元素默认只支持单选,但通过...

    SelectBox下拉复选框多选插件

    1. **下拉列表多选框**:传统的HTML `&lt;select&gt;` 元素只支持单选,但通过添加多选功能,用户可以在一个下拉菜单中选取多个值。这通常通过设置`&lt;option&gt;`标签的`multiple`属性来实现。 2. **多选框**:多选框...

    vue select选择框数据变化监听方法

    1、使用v-model在select标签上进行数据双向绑定, 2、在data里边添加val:‘ ...以上这篇vue select选择框数据变化监听方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    在使用element-ui开发Web项目时,经常会遇到一些组件使用上的细节问题,其中element-ui中的下拉多选框组件el-select使用时,如何设置默认值且不可删除,是一个较为常见的需求。本文将详细介绍如何解决这个问题,以及...

    jquery input文本框模拟select选择框获取选定

    对于标题提到的"jquery input文本框模拟select选择框获取选定",这是一个常见的需求,特别是在需要用户从一系列选项中进行选择但又希望保持界面简洁的情况下。这里我们将详细讨论如何使用jQuery来实现这个功能。 ...

Global site tag (gtag.js) - Google Analytics