`
381895649
  • 浏览: 231270 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html >> select >> option自定义属性 取值

 
阅读更多

HK学习笔记

随便写写....把自己学的东西记下来!

怎么取html >> select >> option自定义的属性值

  首先一段html代码

<select id="cartogram" name="cartogram" class="easyui-combobox" style="width:200px;" required="true">
     		        <option value="pie" path="\views\main\statisticAnaly\cartogram\ampie" selected="selected">饼图</option>
            		<option value="column" path="\views\main\statisticAnaly\cartogram\amcolumn">柱状图</option>
            		<option value="line" path="\views\main\statisticAnaly\cartogram\amline">线性图</option>
            	</select>

 

再一段js代码

function getValue(){
	var obj=document.getElementById("cartogram");  
	var index=obj.selectedIndex; 
	var path=obj.options[index].getAttribute("path");  
	//上面过程就是把select >> option >> path 值 取出来,是自定义的path
	alert('path = ' + path);
	return path;
}

 

 

 这样的一篇小文章,希望可以帮助到对js不熟悉的人...

分享到:
评论
1 楼 chuyuan_china 2013-02-21  
( ^_^ )不错嘛

相关推荐

    layui select获取自定义属性方法

    在layui里面给了特定几个自定义属性title &lt;select name=aa lay-filter=sadaS&gt; &lt;option xss=removed&gt;请选择属性&lt;/option&gt; &lt;option value=1 title=12.32&gt;雪碧&lt;/option&gt; &lt;option value=2 title=2.01&gt;芬达&lt;/...

    jquery 美化select 自定义函数

    本文将详细介绍如何在jQuery基础上美化`select`,并实现自定义函数,同时确保原有的功能如取值、增删改等操作不受影响。 首先,我们需要引入jQuery库。如果您的项目中还未包含jQuery,可以通过以下HTML代码将其引入...

    select标签multiple属性的使用方法.zip

    在HTML中,`&lt;select&gt;`标签用于创建下拉列表,而`multiple`属性是一个非常实用的特性,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。这个属性尤其适用于需要用户从一系列选项中进行多选的情况,如设置兴趣...

    select-disabled-传值

    其中,`enableSelect`是一个自定义函数,负责在表单提交前解除`select`元素的`disabled`状态。 ### 解除`disabled`状态的JS代码片段 ```javascript function enableSelect() { $("#postSelect").prop("disabled",...

    JQuery中对Select的option项的添加、删除、取值

    `attr("index")`获取`&lt;option&gt;`的索引,但通常情况下,这与`.index()`或`.eq()`方法的效果相同,除非`&lt;option&gt;`元素有自定义的`index`属性。 接下来,我们将讨论如何通过jQuery向`&lt;select&gt;`中添加和删除`&lt;option&gt;`...

    jquery 模拟Select下拉选择框取值功能.zip

    通常,Select元素的选项由`&lt;option&gt;`标签定义,可以通过`value`属性为每个选项指定一个值,该值在用户做出选择后可以被脚本获取。 然而,有时候我们可能需要一个更加自定义的下拉选择框样式,或者在某些场景下,...

    zhuyongzhengs-layui-select-multiple-master.zip

    首先,要实现select多选,我们需要在HTML结构中添加`multiple`属性到`&lt;select&gt;`标签内,例如: ```html &lt;select name="demo" lay-filter="test" multiple&gt; &lt;option value="1"&gt;选项1&lt;/option&gt; &lt;option value="2"&gt;...

    常见的几种标签.docx

    最后,`&lt;select&gt;`标签用于创建下拉列表,`&lt;option&gt;`标签则是下拉列表中的各个选项。例如: ```html &lt;select&gt; &lt;option&gt;Option 1&lt;/option&gt; &lt;option&gt;Option 2&lt;/option&gt; &lt;option&gt;Option 3&lt;/option&gt; &lt;/select&gt; ``` 而...

    GridView中的下拉框取值

    SelectCommand="SELECT OptionID, OptionName FROM Options"&gt;&lt;/asp:SqlDataSource&gt; ``` 在GridView的`RowDataBound`事件中,我们可以进一步处理下拉框,例如设置默认选中项或根据特定条件改变选项: ```csharp ...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt;&lt;/div&gt; 四大标准属性: 1、id :定义元素在页面中...

    前端开发与实践- 表单.pptx

    &lt;option value="" selected&gt;&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; ``` - `method` 属性定义了处理表单数据的方法,通常有 "get" 和 "post" 两种。"get" 方法将数据附加到URL,而 "post" 方法将数据隐藏在HTTP请求体中。 -...

    网页设计考试题与答案.docx

    - **知识点解析**:在HTML中,使用`&lt;select&gt;`标记创建下拉列表,并使用多个`&lt;option&gt;`标记定义列表项。 ### 17. 超链接状态 - **选项**:C. 鼠标放上去 - **知识点解析**:`a:hover`是CSS选择器,用于定义当鼠标...

    第34章 项目1-博客前端:封装库--表单序列化1

    5. 对于&lt;select&gt;元素,如果存在value属性,则使用其值作为发送的值;若无value属性,则使用option的文本内容。 二、设置代码 在JavaScript中,我们可以扩展jQuery或其他库,实现自定义的表单序列化方法。以下是一个...

    浅谈Vue Element中Select下拉框选取值的问题

    在上面的代码中,我们使用 Element UI 的 `el-select` 组件来创建一个下拉框,并使用 `el-option` 组件来生成选项。 五、解决实际问题 在实际开发中,我们经常会遇到一些实际问题,例如如何获取选中后的值、如何...

    js使用小技巧

    &lt;input type=text name=text1 value="123" onfocus="this.select()"&gt; ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 (this.defaultValue)"&gt; title换行 obj.title =...

    jQGrid动态填充select下拉框的选项值(动态填充)

    对于编辑类型的列,如 select,我们需要指定 edittype 和 editoptions 属性来定义其行为。 在本例中,我们关注的关键点在于 `gettypes()` 函数,这是一个用于动态生成 select 选项的函数。它使用 AJAX 请求从服务器...

    jquery.multiselect多选下拉框实现代码

    HTML代码定义了一个带有`multiple`属性的`&lt;select&gt;`标签,这允许用户使用Ctrl或Shift键选择多个选项。同时,通过服务器端代码动态生成`&lt;option&gt;`元素,根据模型数据填充相应的值和是否选中状态。例如: ```html ...

    不用一句js代码初始化组件

    `data-*`属性是HTML5引入的特性,用于存储自定义的数据私有属性。所有`data-*`属性的名称必须以"data-"开头,且内部的"-"分隔的单词在jQuery中取值时会被转换为驼峰式命名。例如,`data-my-attribute`在jQuery中可以...

    dwr utils.js常用方法整理

    - 对于 `textarea`, `div`, `p`, `span`, `href`, `option`(非 `value` 属性)和 `h1` 等元素,返回的是元素内部的文本内容。 - 当处理 `checkbox` 和 `radio` 类型元素时,如果使用ID作为参数,返回的是元素是否被...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    SQL&gt; select * from role_role_privs;//查询授予另一角色的角色 SQL&gt; select * from DBA_tab_privs;//查询直接授予用户的对象权限 SQL&gt; select * from dba_role_privs;//查询授予用户的角色 SQL&gt; select * from dba_...

Global site tag (gtag.js) - Google Analytics