jQuery获取选择onChange的值

た入场券 2024-03-29 16:04 12阅读 0赞

## 问： ##

我的印象是，我可以通过执行此 $(this).val(); 并将 onchange 参数应用于选择字段来获取选择输入的值。

它似乎只有在我引用 ID 时才有效。

我该如何使用它。

## 答1: ##

> huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、分类等筛选，希望这些产品与实践经验能给您带来灵感。

尝试这个-

$(‘select’).on(‘change’, function() \{ alert( this.value ); \}); 一个 option> 两个

您还可以参考 onchange 事件-

函数getval（sel）\{警报（sel.value）； \} 一个 两个

`我知道这已经很晚了，但是如果您使用键盘（制表符）导航表单并使用向上/向下箭头从下拉列表中进行选择，则 FireFox (22.0) 不会触发更改事件。您需要另外为 FireFox 绑定按键。附加信息：jQuery 1.10.2 使用语法 $('select').on('change', function(){ /* do seomthing */ });`

`让我们continue this discussion in chat。`

## 答2: ##

> huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

我的印象是我可以通过这样做 $(this).val(); 来获得选择输入的值；

如果您订阅不显眼（这是推荐的方法），则此方法有效：

$('#id_of_field').change(function() {
        
        // $(this).val() will work here
    });

如果您使用 onselect 并将标记与脚本混合，则需要传递对当前元素的引用：

onselect="foo(this);"

接着：

function foo(element) {
        
        // $(element).val() will give you what you are looking for
    }

## 答3: ##

> 保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

这对我有帮助。

对于选择：

$('select_tags').on('change', function() {
        
        alert( $(this).find(":selected").val() );
    });

对于单选/复选框：

$('radio_tags').on('change', function() {
        
        alert( $(this).find(":checked").val() );
    });

## 答4: ##

> huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

尝试事件委托方法，这几乎适用于所有情况。

$(document.body).on('change',"#selectID",function (e) {
        
       //doStuff
       var optVal= $("#selectID option:selected").val();
    });

## 答5: ##

> 一个优秀的自由职业者，应该有对需求敏感和精准需求捕获的能力，而huntsbot.com提供了这个机会

$('#select_id').on('change', function()
    {
        
        alert(this.value); //or alert($(this).val());
    });
    
    
    
    
    
    
        Option 1
        Option 2
        Option 3
        Option 4

## 答6: ##

> huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

箭头函数的作用域与函数不同，this.value 将给出未定义的箭头函数。修复使用

$('select').on('change',(event) => {
        
         alert( event.target.value );
     });

## 答7: ##

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

您可以试试这个（使用 jQuery）-

$(‘select’).on(‘change’, function() \{ alert( this.value ); \}); 选项1< /option> 选项 2 选项 3 选项 4

或者你可以像这样使用简单的 Javascript -

函数 getNewVal(item) \{ alert(item.value); \} 选项 1 选项 2 选项3 选项4

> 一个优秀的自由职业者，应该有对需求敏感和精准需求捕获的能力，而huntsbot.com提供了这个机会

## 答8: ##

> huntsbot.com – 程序员副业首选，一站式外包任务、远程工作、创意产品分享订阅平台。

$('#select-id').change(function() {
        
        console.log($(this).val());
    });

`如果有人还需要获取选项的文本，这里是 $(this).find('option:selected').text();`

## 答9: ##

> huntsbot.com洞察每一个产品背后的需求与收益，从而捕获灵感

对于所有选择，调用此函数。

$('select').on('change', function()
    {
        
        alert( this.value );
    });

只有一个选择：

$('#select_id')

## 答10: ##

> huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

jQuery使用更改事件获取选择html元素的值

For Demo & More Example

$(document).ready(function () \{ $(‘body’).on(‘change’,‘\#select\_box’, function() \{ $(‘\#show\_only’).val(this.value); \}) ; \}); jQuery Select OnChnage 方法 </脚本> 选择一个 一个 二 三 四 五 < br>

## 答11: ##

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

这对我有用。没有运气就尝试了其他所有方法：

<html>
    
      <head>
        <title>Example: Change event on a select</title>
    
        <script type="text/javascript">
    
          function changeEventHandler(event) {
        
            alert('You like ' + event.target.value + ' ice cream.');
          }
    
        
    
      
    
      
        Choose an ice cream flavor: 
        
          chocolate
          strawberry
          vanilla

取自 Mozilla

> huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

原文链接：[https://www.huntsbot.com/qa/7lRM/jquery-get-value-of-select-onchange?lang=zh\_CN&from=csdn][https_www.huntsbot.com_qa_7lRM_jquery-get-value-of-select-onchange_lang_zh_CN_from_csdn]

> 打造属于自己的副业，开启自由职业之旅，从huntsbot.com开始!

[https_www.huntsbot.com_qa_7lRM_jquery-get-value-of-select-onchange_lang_zh_CN_from_csdn]: https://www.huntsbot.com/qa/7lRM/jquery-get-value-of-select-onchange?lang=zh_CN&from=csdn