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不熟悉的人...
分享到:
相关推荐
在layui里面给了特定几个自定义属性title <select name=aa lay-filter=sadaS> <option xss=removed>请选择属性</option> <option value=1 title=12.32>雪碧</option> <option value=2 title=2.01>芬达</...
本文将详细介绍如何在jQuery基础上美化`select`,并实现自定义函数,同时确保原有的功能如取值、增删改等操作不受影响。 首先,我们需要引入jQuery库。如果您的项目中还未包含jQuery,可以通过以下HTML代码将其引入...
在HTML中,`<select>`标签用于创建下拉列表,而`multiple`属性是一个非常实用的特性,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。这个属性尤其适用于需要用户从一系列选项中进行多选的情况,如设置兴趣...
其中,`enableSelect`是一个自定义函数,负责在表单提交前解除`select`元素的`disabled`状态。 ### 解除`disabled`状态的JS代码片段 ```javascript function enableSelect() { $("#postSelect").prop("disabled",...
`attr("index")`获取`<option>`的索引,但通常情况下,这与`.index()`或`.eq()`方法的效果相同,除非`<option>`元素有自定义的`index`属性。 接下来,我们将讨论如何通过jQuery向`<select>`中添加和删除`<option>`...
通常,Select元素的选项由`<option>`标签定义,可以通过`value`属性为每个选项指定一个值,该值在用户做出选择后可以被脚本获取。 然而,有时候我们可能需要一个更加自定义的下拉选择框样式,或者在某些场景下,...
首先,要实现select多选,我们需要在HTML结构中添加`multiple`属性到`<select>`标签内,例如: ```html <select name="demo" lay-filter="test" multiple> <option value="1">选项1</option> <option value="2">...
最后,`<select>`标签用于创建下拉列表,`<option>`标签则是下拉列表中的各个选项。例如: ```html <select> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> ``` 而...
SelectCommand="SELECT OptionID, OptionName FROM Options"></asp:SqlDataSource> ``` 在GridView的`RowDataBound`事件中,我们可以进一步处理下拉框,例如设置默认选中项或根据特定条件改变选项: ```csharp ...
1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"></div> 四大标准属性: 1、id :定义元素在页面中...
<option value="" selected></option> </select> </form> ``` - `method` 属性定义了处理表单数据的方法,通常有 "get" 和 "post" 两种。"get" 方法将数据附加到URL,而 "post" 方法将数据隐藏在HTTP请求体中。 -...
- **知识点解析**:在HTML中,使用`<select>`标记创建下拉列表,并使用多个`<option>`标记定义列表项。 ### 17. 超链接状态 - **选项**:C. 鼠标放上去 - **知识点解析**:`a:hover`是CSS选择器,用于定义当鼠标...
5. 对于<select>元素,如果存在value属性,则使用其值作为发送的值;若无value属性,则使用option的文本内容。 二、设置代码 在JavaScript中,我们可以扩展jQuery或其他库,实现自定义的表单序列化方法。以下是一个...
在上面的代码中,我们使用 Element UI 的 `el-select` 组件来创建一个下拉框,并使用 `el-option` 组件来生成选项。 五、解决实际问题 在实际开发中,我们经常会遇到一些实际问题,例如如何获取选中后的值、如何...
<input type=text name=text1 value="123" onfocus="this.select()"> ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"> 文本框的默认值 (this.defaultValue)"> title换行 obj.title =...
对于编辑类型的列,如 select,我们需要指定 edittype 和 editoptions 属性来定义其行为。 在本例中,我们关注的关键点在于 `gettypes()` 函数,这是一个用于动态生成 select 选项的函数。它使用 AJAX 请求从服务器...
HTML代码定义了一个带有`multiple`属性的`<select>`标签,这允许用户使用Ctrl或Shift键选择多个选项。同时,通过服务器端代码动态生成`<option>`元素,根据模型数据填充相应的值和是否选中状态。例如: ```html ...
`data-*`属性是HTML5引入的特性,用于存储自定义的数据私有属性。所有`data-*`属性的名称必须以"data-"开头,且内部的"-"分隔的单词在jQuery中取值时会被转换为驼峰式命名。例如,`data-my-attribute`在jQuery中可以...
- 对于 `textarea`, `div`, `p`, `span`, `href`, `option`(非 `value` 属性)和 `h1` 等元素,返回的是元素内部的文本内容。 - 当处理 `checkbox` 和 `radio` 类型元素时,如果使用ID作为参数,返回的是元素是否被...
SQL> select * from role_role_privs;//查询授予另一角色的角色 SQL> select * from DBA_tab_privs;//查询直接授予用户的对象权限 SQL> select * from dba_role_privs;//查询授予用户的角色 SQL> select * from dba_...