Javascript 获取所选下拉列表jQuery的分组值

Javascript 获取所选下拉列表jQuery的分组值,javascript,jquery,html,Javascript,Jquery,Html,我有一个下拉列表,其中我想获得分组的值,并在文本字段中设置值,无论何时进行任何更改。但是,我下面的代码不起作用: 第一 四 $document.readyfunction{ $'selectsample'.changefunction{ var val=$'selectsample'.val; $txt1.valval;//这是我的textfield id=txt1 }; }; 您必须读取选择框的值,然后找到与该值匹配的正确选项。从选项读取属性将给出分组值 $document.readyfu

我有一个下拉列表,其中我想获得分组的值,并在文本字段中设置值,无论何时进行任何更改。但是,我下面的代码不起作用:

第一 四 $document.readyfunction{ $'selectsample'.changefunction{ var val=$'selectsample'.val; $txt1.valval;//这是我的textfield id=txt1 }; };
您必须读取选择框的值,然后找到与该值匹配的正确选项。从选项读取属性将给出分组值

$document.readyfunction{ $'selectsample'.changefunction{ var val=$this.val;//替换$this,它引用发生更改事件的选择框 //var$option=$this.find'option:selected';-您也可以使用此选项 var$option=$this.find'option[value='+val+']; $txt1.val$option.attr'grouping';//这是我的文本字段id=txt1 }.改变; }; 第一 四
首先请注意,将非标准属性放在HTML元素上是无效的,这可能会导致渲染或JS问题。如果要在元素中存储自定义数据,请使用数据属性

要读回该值,需要从select first中检索所选选项。试试这个:

$document.readyfunction{ $'selectsample'.changefunction{ var$select=$this; var val=$select.val; var grouping=$select.find'option:selected'。数据'grouping'; $'value'.valval; $‘分组’。分组; }.改变; }; 第一 四 引导示例 第一 四 $document.readyfunction{ $'selectsample'.changefunction{ var val=$'selectsample'.val; $txt1.valval;//这是我的textfield id=txt1 }; };
我认为你指的是选项中的文本,对吗

代码如下:

jQuerydocument.readyfunction{ jQuery'selectsample'.changefunction{ var val=jQuery'selectsample选项:selected'。文本; jQuerytxt1.valval; }; }; 第一 四
问题是OP试图读取分组属性。@RoryMcCrossan,谢谢您指出。我读错了,现在我已经更正了我的回答我想要得到的值是分组值,如ValueI想要在字段中显示的值Option:selected是一种更优雅的获取所选选项的方法高兴地帮助你:问题是OP正在尝试读取分组属性。