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

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

我有一个例子来帮助新想法。 我希望这对任何人都有帮助。

$('#editpricelist_box').change(function ($e){
    $('input[name="edit_unit_price"]').val(parseFloat(this.val()).toFixed(2));
    console.log(this.val());
});

jQuery(document).ready(function(){

    jQuery("#id").change(function() {
      var value = jQuery(this).children(":selected").attr("value");
     alert(value);

    });
})

您可以尝试(使用jQuery)-

$('选择')。(“变革”的功能() ｛ 警报(这。值); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js " > < /脚本> <选择> <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>

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

函数getNewVal(项) ｛ 警报(item.value); ｝ <选择onchange = " getNewVal(这个);" > <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>

我的印象是，我可以得到一个选择的值 输入$(this).val();

如果你不引人注目地订阅(这是推荐的方法)，这是有效的:

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

如果你在脚本中使用onselect和mix标记，你需要传递一个引用到当前元素:

onselect="foo(this);"

然后:

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

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



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="select_id">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>