php - 使用 jquery 传递选项选择变量

Question

菜鸟试图用 Jquery 做一些简单的事情。基本上我有一个小的选择选项下拉列表，如下所示:

<select onchange="javascript:swapContent('con3');">
    <option>selection 1</option>
    <option>selection 2</option>
    <option>selection 3</option>
</select>

目前，它通过 ajax 发布到此处的 $php 变量:

$contentVar = $_POST['contentVar'];

javascript 函数在这里:

<script language="JavaScript" type="text/javascript">
function swapContent(cv) {
    $("#myDiv").html('<img src="loader.gif"/>').show();
    var url = "myphpscript.php";
    $.post(url, {contentVar: cv} ,function(data) {
        $("#myDiv").html(data).show();
    });    
}
</script>

我怎样才能发布选择选项下拉列表的值？

我意识到这是基本的，但我必须从某个地方开始，并且找不到向我展示如何做我需要的事情的教程。感谢您的帮助。

Answer 1

How can I instead post the value of the select-option dropdown?

如果您想向游览脚本发送值，您应该首先为您的选项元素提供值(并为 <select> 元素提供一个 ID，以便能够使用它并检索所选值):

<select onchange="javascript:swapContent('con3');" id="myselect">
    <option value="value1">selection 1</option>
    <option value="value2">selection 2</option>
    <option value="value3">selection 3</option>
</select>

然后:

// get the currently selected value from the dropdown
var value = $('#myselect').val();
$.post(url, { contentVar: cv, selectedValue: value }, function(data) {
    $("#myDiv").html(data).show();
});

另一方面，如果您想发送所选选项的文本，您可以使用以下命令:

// get the currently selected value from the dropdown
var text = $('#myselect option:selected').text();
$.post(url, { contentVar: cv, selectedText: text }, function(data) {
    $("#myDiv").html(data).show();
});

现在您可以在 PHP 脚本中获取值:

$_POST['selectedValue']