2012-03-27 69 views
0

我有一個簡單的下拉列表,並希望得到一個選項的具體值,如果用戶改變了下拉選擇,而無需他推送一個提交按鈕。這可能與jQuery的?獲得價值立即jQuery的

這是我走到這一步:

<form action='select.htm'> 
    <select id='BezirksAuswahl'> 
    <option value='Alle'>Alle Eintr&auml;ge</option> 
    <option value='Charlottenburg-Wilmersdorf'>Charlottenburg-Wilmersdorf</option> 
    <option value='Reinickendorf'>Reinickendorf</option> 
    </select> 
    </form> 

,這裏的腳本:

$('#BezirksAuswahl').click(function(){ 
    $('#BezirksAuswahl option:selected').each(function(){ 
     alert($(this).val()); 
    }); 
}); 

謝謝您的幫助,我很期待你的答案。

回答

1

使用change事件,該事件觸發時的元素的值發生變化,就像這樣:

$('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
}); 
+0

THX對您有所幫助,但遺憾的是它不工作。這三個例子中沒有一個似乎觸發了警報事件。螢火蟲顯示沒有錯誤和HTML也是有效的..任何想法可能是什麼問題?謝謝! – Sebsemillia 2012-03-27 15:47:00

1
$('#BezirksAuswahl').change(function(){ 
     alert($(this).val()); 
}); 
+0

thx爲您的幫助,但不幸的是它不起作用。這三個例子中沒有一個似乎觸發了警報事件。螢火蟲顯示沒有錯誤和HTML也是有效的..任何想法可能是什麼問題?謝謝! – Sebsemillia 2012-03-27 15:47:29

+0

這裏是一個的jsfiddle頁面顯示代碼工程.. http://jsfiddle.net/D99JW/ 可能是,如果你發佈你的整個代碼中,我們可能會發現,可能阻止這種情況發生的解決方案.. – 2012-03-27 15:49:53

1

它很簡單..嘗試這個

$('#BezirksAuswahl').change(function(){ 
     var selected_value = $(this).val(); 
}); 
+0

'$ (this).val()'是兩個不必要的函數調用,因爲元素的'value'屬性可以通過'this.value'獲得。 – 2012-03-27 15:36:36

+0

thx爲您提供幫助,但不幸的是它不起作用。這三個例子中沒有一個似乎觸發了警報事件。螢火蟲顯示沒有錯誤和HTML也是有效的..任何想法可能是什麼問題?謝謝! – Sebsemillia 2012-03-27 15:48:01

1

檢查您的JQuery包括,你不能正確包含Jquery。你參考什麼版本?

確保您運行的腳本加載的JQuery時:

$(document).ready(function() { 
    $('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
    }); 
}); 
+0

運行「$()。jquery;」在控制檯,告訴我們你所看到的 – Zac 2012-03-27 16:20:32

+0

我跑1.7.1,它的正確實施。這個問題/問題是一個巨大的CMS項目中的一小部分和所有其他的js/jQuery的相關的東西做工精細.. – Sebsemillia 2012-03-27 17:02:07

+0

明顯它的工作原理,如果我直接將其包含在HTML源代碼,如果我把它放在外部腳本,它不.. – Sebsemillia 2012-03-27 17:12:53