有沒有一種方法來獲取選擇標簽的值，而無需提交按鈕或它只能在jQuery中

Question

我想做的是，當用戶在選擇標記中選擇某項時，所選擇的值將被保存，而無需單擊提交按鈕。 然后，我將獲得用戶選擇的內容，並在if語句中使用它。 如果無法做到這一點，您可以向我展示一種在jquery中執行此操作的簡單方法。 我試圖尋找類似的問題，但它們使用數組，同時，這讓我感到困惑。

這是我當前的php代碼。 如果不可能，請告訴我如何將此代碼轉換為jquery。

<form method="post" action="speakers.php">
<label id="sortlabel">Sort By</label>
<select id="sortdrpdwn" name="sortBy">
  <option value="none" >None</option>
  <option value="name" >Name</option>
  <option value="price">Price</option>
  <option value="specialization">Specialization</option>
</select>
<input type="submit">
</form>

<?php 

    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "srdatabase";

    $conn = new mysqli($servername, $username, $password, $dbname);

    if($_POST['sortBy'] === 'none')
    {
        $select_speakers =  mysqli_query($conn,"SELECT * FROM speakers");
    }

    if($_POST['sortBy'] == 'name')
    {
        $select_speakers = mysqli_query($conn, "SELECT * FROM speakers ORDER BY speaker_fullname ASC");
    }
    if($_POST['sortBy'] === 'price')
    {
        $select_speakers =  mysqli_query($conn, "SELECT * FROM speakers ORDER BY speaker_paymentcost ASC");
    }
    if($_POST['sortBy'] === 'specialization')
    {
        $select_speakers =  mysqli_query($conn, "SELECT * FROM speakers ORDER BY speaker_specialization ASC");
        echo "wqewqe";
    }

?>

我嘗試根據傑伊·布蘭查德爵士提供鏈接來做類似的事情。 我嘗試發布var selectValue並將其發送到Speaker.php。 然后回顯selectValue但它不起作用。 請您告訴我怎么了？

<script type="text/javascript">

$(document).ready(function()
{
    $("#sortdrpdwn").change(function(){
        var selectValue = $(this).val();
        alert("The text has been changed.");
        $.ajax({
                method: 'POST',
                url: 'speakers.php',
                data: {selectValue : selectValue}
            })
    });
});

</script>


</head>
<body>
<?php 
$selectValue = $_POST['selectValue'];
echo $selectValue;
?>

Answer 1

在jQuery中，您可以這樣做：

$('#sortdrpdwn').change(function(){
    var selectValue = $(this).val();
    // for testing
    console.log(selectValue);
})

每次下拉更改selectValue都設置為所選選項的當前值。

要將此值與PHP一起使用，您將啟動AJAX請求（向包含您的條件的單獨PHP腳本），其中PHP將運行您希望運行的查詢，然后返回結果。

要開始使用jQuery / AJAX， 請閱讀this 。

有沒有一種方法來獲取選擇標簽的值，而無需提交按鈕或它只能在jQuery中

問題描述

1 個解決方案

解決方案1
3 2017-08-24 18:05:08

有沒有一種方法來獲取選擇標簽的值，而無需提交按鈕或它只能在jQuery中

問題描述

1 個解決方案

解決方案1 3 2017-08-24 18:05:08

解決方案1
3 2017-08-24 18:05:08