jQuery获取select onChange的值

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

只有在引用ID时，它才会起作用。

我怎么用这个。

当前回答

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

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

只有一个选择:

$('#select_id')

2017-02-14 18:04:06

其他回答

这对我来说很管用。我尝试了其他所有方法，但都没有成功:

<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.');
      }

    </script>

  </head>

  <body>
    <label>Choose an ice cream flavor: </label>
    <select size="1" onchange="changeEventHandler(event);">
      <option>chocolate</option>
      <option>strawberry</option>
      <option>vanilla</option>
    </select>
  </body>

</html>

摘自Mozilla

2016-01-25 22:11:25

箭头函数的作用域与函数不同，这一点。Value将为箭头函数提供undefined。固定使用

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

2018-08-16 13:01:47

只使用JS

 let select=document.querySelectorAll('select') 
  select.forEach(function(el) {
    el.onchange =  function(){
     alert(this.value);
      
  }}
  )

2020-08-20 07:26:00

试试这个,

$('选择')。On ('change'， function() { 警报(这。值); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <选择> <选项值= " 1 " > < / >选项之一 <选项值= " 2 " > 2 > < /选项 < /选择>

你也可以引用onchange event-

函数getval(选取) ｛警报(sel.value); ｝ <选择onchange = " getval(这个);" > <选项值= " 1 " > < / >选项之一 <选项值= " 2 " > 2 > < /选项 < /选择>

2012-06-24 17:02:49

请注意，如果这些不工作，这可能是因为DOM还没有加载，您的元素还没有找到。

若要修复，请将脚本放在正文的末尾或使用文档就绪

$.ready(function() {
    $("select").on('change', function(ret) {  
         console.log(ret.target.value)
    }
})

2018-04-19 15:04:02

jQuery获取select onChange的值

推荐文章

最新文章

标签