更新通過一個下拉列表值，並對其進行處理AJAX

Question

HTML：

<select id="single"> 
    <option>Single</option> 
    <option>Single2</option> 
    </select> 
<input value="load()" id="test" type="submit" /> 
<div id="result"></div> 

腳本：

$.ajaxSetup ({ 
cache: false 
}); 
var loadUrl = "http://localhost/test/process.php"; 
    $("#test").click(function(){ 
      $("#result").load(loadUrl, "content=sd345f"+singleValues); 
    }); 
    function displayVals() { 
     var singleValues = $("#single").val(); 
    } 
    $("select").change(displayVals); 
    displayVals(); 

這是我當前的代碼，我是新來的jQuery和什麼我想要問的是如何當我從下拉列表中選擇一個列表並將其附加爲獲取值時，我是否會進行var singleValues更新？

和這裏的process.php BTW：

<?php file_put_contents('1.txt',$_GET['content']); ?> 

Answer 1

如果我理解正確的，你想，當你點擊按鈕加載結果。

試試下面的代碼：

$("#test").click(function(){ 
    // get the selected value 
    var value = $("#single option:selected").val(); 

    // GET to server 
    $.ajax({ 
     type : "GET", 
     url : "http://localhost/test/process.php", 
     data : { 
      "content" : value 
     }, 
     success : function(response){ 
      $("#result").html(response); 
     } 
    }); 
    // Don't use default submit function 
    return false; 
}); 

更多有關阿賈克斯http://api.jquery.com/jQuery.ajax/