2011-12-12 72 views
2

我試圖建立一個項目的一些功能,但我堅持這一點:有沒有辦法在不提交的情況下獲取當前選擇框選項的值?

我想抓住從一個選擇框選項的值,並在我的PHP腳本使用它

事情是,我需要抓住當前選擇的選項,而用戶不必發佈數據。所以我懷疑這裏有一點ajax,這是我全新的東西。

我給你舉個例子,讓事情更清晰:

 <select> 
     <option value="United Kingdom">United Kingdom</option> 
     <option value="Belarus">Belarus</option> 
     <option value="Albania">Albania</option> 
     </select> 
  • 用戶提供一個選擇框

  • 用戶從下拉

  • 選擇「白俄羅斯」
  • 我需要能夠將值'白俄羅斯',並將其分配給一個變量在php

我不知道如何在沒有提交表單的情況下做到這一點。

任何幫助將非常感激

感謝

+0

應該$( '#selectboxid')VAL()吧? – kobe

回答

3

要使用AJAX數據發送到你的PHP腳本:

$('select').on('change', function() { 
    var val = $(this).val(); 
    if (val != '') { 
     $.get('path/to/script.php', {'select-name' : val}, function (serverResponse) { 
      //this is the callback for this AJAX request, the server has handled the request and anything output by your PHP script will be available in the `serverResponse` variable 
     }); 
    } 
}); 

注意.on()在jQuery的1.7是新的,是一樣的在這種情況下.bind()

2

您可以使用jQuery ajax到部分數據提交到服務器。試試這個

$.ajax({ 
    url: "urlOfThePage", 
    type: "POST",//Based on your requirement you can set it to GET/PUT etc 
    data: { 
     paramName: $("select").val();//this will get the selected value from the dropdown 
    }, 
    sucess: function(){ 
    alert("Data submitted"); 
    } 
}); 
2
<select id="my-select"> 
    <option value="United Kingdom">United Kingdom</option> 
    <option value="Belarus">Belarus</option> 
    <option value="Albania">Albania</option> 
</select> 

和使用jQuery來獲取值,並將其傳遞給服務器:

var value = $("#my-select").val(); 
$.get('myscript.php', { select_value: value }); 
相關問題