jquery - chnage() 函数不适用于选择列表项

Question

嗨，朋友们，我试图option value在 alert box其中显示当我更换select Item list但我没有做到这一点，我的代码在下面，或者您也可以在此处查看演示http://jsfiddle.net/EXnkk/1/

HTML

<select name="select" id="editorFont">
                              <option value="arial">font 1</option>
                              <option value="alex_brushregular">font 2</option>
                              <option value="quicksandregular">font 3</option>
                            </select>

脚本

$('select#editorFont').change(function (){
                var value = $(this).children('option').val;
                alert(value);
            })

请朋友帮忙

提前致谢.. ：）

Answer 1

试试喜欢

$('select#editorFont').on('change',function (){
    var value = $(this).val();
    alert(value);
});

你需要把它放进去。DOM ready看DEMO

Answer 2

它可以简单地工作

$('#editorFont').change(function (){
            var value = $(this).val();
            alert(value);
        });

Answer 3

您需要使用回调函数

当前效果100%完成后执行回调函数。

JavaScript 语句是逐行执行的。但是，有了特效，即使特效没有完成，也可以运行下一行代码。这会产生错误。

为了防止这种情况，您可以创建一个回调函数。

当前效果结束后执行回调函数。

典型语法：$(selector).hide(speed,callback);

例子

下面的例子有一个回调参数，是一个隐藏效果完成后会执行的函数：

$("button").click(function(){
  $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
  });
});

下面的例子没有回调参数，隐藏效果完成前会显示alert框：

$("button").click(function(){
  $("p").hide(1000);
  alert("The paragraph is now hidden");
});

获取内容 - text()、html() 和 val()

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});