jQuery获取选择onChange的值

HuntsBot

于 2023-01-17 09:48:17 发布

阅读量3.5k

点赞数

文章标签： jquery firefox 前端 c++

本文链接：https://blog.csdn.net/kalman2019/article/details/128712241

版权

问：

我的印象是，我可以通过执行此 $(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