jquery更改（）函數

Question

爲什麼不提示var valueFirst內容？

我的jQuery代碼：

<script type="text/javascript"> 
    $(".target").change(function() { 
    var valueFirst = $(".target").val(); 
    }); 
    alert (valueFirst) 
</script> 

我的HTML：

<form> 
    <select class="target"> 
    <option value="option1" selected="selected">Option 1</option> 
    <option value="option2">Option 2</option> 
    </select> 
</form> 

Answer 1

如果你想改變一個變量，並訪問它的主要選擇外，你必須在級別上定義它，你想從訪問：

var valueFirst = ''; 
 

 
$(".target").change(function() { 
 
    valueFirst = $(".target").val(); 
 
}); 
 

 
$('button').click(function() { 
 
    alert (valueFirst) 
 
});

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

 
<select class="target"> 
 
    <option selected value="">-- Choose One --</option> 
 
    <option>Foo</option> 
 
    <option>Bar</option> 
 
</select> 
 

 
<button>Get valueFirst Value</button>

如果你正在尋找只是從更改功能內訪問變量，那麼以下將適用於你

$(".target").change(function() { 
 
    var valueFirst = $(".target").val(); 
 
    alert (valueFirst) 
 
});

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

 
<select class="target"> 
 
    <option selected value="">-- Choose One --</option> 
 
    <option>Foo</option> 
 
    <option>Bar</option> 
 
</select>

Answer 2

警報是不是在回調。它在哪裏，變量既沒有定義也沒有被填充。更改您的代碼

$(".target").change(function() { 
    var valueFirst = $(".target").val(); 
    alert (valueFirst) 
}); 

Answer 3

的ValueFirst超出範圍的變更功能

$(".target").change(function() { 
      var valueFirst = $(".target").val(); 
      alert (valueFirst); 
    }); 

Answer 4

添加你改變函數內部警告：

<script type="text/javascript"> 
    $(".target").change(function(){ 
var valueFirst = $(".target").val(); 
alert (valueFirst) 
}); </script> 

Answer 5

簡單，因爲你初始化你的變量中一個函數，因此ALERT無法達到它。

爲了能夠使用它啓動它outiside這樣的：

<script type="text/javascript"> 
var valueFirst; 
$(".target").change(function() { 
    valueFirst = $(".target").val(); 
    }); 
    alert (valueFirst) 
</script> 

但是，當功能被激發被提醒，放警報的功能

<script type="text/javascript"> 

$(".target").change(function() { 
    var valueFirst = $(".target").val(); 
    alert (valueFirst) 
}); 

</script> 

關於註釋中：

Fiddle here

您忘記了包括de Jquery，並且您的代碼必須位於document.ready處理程序中。

$(document).ready(function() { 
$('.target').change(function() { 
    valueFirst = $(".target").val(); 
    alert (valueFirst); 
    }); 
});