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;
});

有关$ .ajax http://api.jquery.com/jQuery.ajax/

的更多信息

更新下拉列表值并通过ajax处理它

1 个答案: