jquery - 如何设置jquery全局值

Question

我有选择框

<select id='selectboxID'>
  <option value="">select id</option>
  <option value="Actor">Actor</option>
  <option value="Child artist">Child artist</option>
  <option value="">Musician</option>
</select>

我的jQuery代码

$(function() {
   var option = 80;
   $("#selectboxID").change(function() { 
       option = 17;

  });
alert(option);
})

我的要求是当我选择任何选项时，选项变量值应该是 17 。请告诉我该怎么做。

Answer 1

将全局变量移出函数

var option = 80;
$(function() {   
   $("#selectboxID").change(function() { 
       option = 17;
       alert(option);
  });    
})

Answer 2

该$(function() { })声明说您正在编写document.ready事件的处理程序。因此，在此块内声明的所有变量将仅在此块内可见。您只需要将变量声明移出块：

var option;
$(function() {
   option = 80;
   $("#selectboxID").change(function() { 
       option = 17;

   });
   alert(option);
})

Answer 3

在更改事件中放置警报：

$(function() {
   var option = 80;
   $("#selectboxID").change(function() { 
     option = 17;
  }).change();  //<---------change like this
  alert(option);
});

在此处查看此操作

Answer 4

在函数外和脚本标签内声明它

<script type="text/javascript" language="javascript">
     var option=80;//Global Declaration
     $(function() {
        $("#selectboxID").change(function() { 
            option = 17;
         });
         alert(option);
     });
</script>

下次当你调用该函数时，你将获得分配给option变量的先前值

Answer 5

您的警报范围和option值检查不正确，请尝试如下：

$(function () {

    // Check option value on load
    var option = 80;
    alert(option);

    $("#selectboxID").change(function () {
        option = 17;
        // check the option on dropdown onchange event
        alert(option);
    });
});

小提琴演示