獲取 jquery ajax 中下拉列表的選定值

Question

我有個問題。 我是 web 開發的初學者。

所以基本上，我想獲取動態下拉列表的選定值以便編輯表單。 我正在使用 dselect https://github.com/jarstone/dselect/ js 文件作為動態下拉列表。

我試過使用這個$('#stock_category').val(data.stock_category); 為了獲得下拉列表的選定值。 但仍然沒有設法獲得選定的值。

///////////////////

下面我編輯 html 代碼

<div class="form-group">
   <label>Category <span class="text-danger">*</span></label>
   <select class="form-select" name="stock_category" id="stock_category" onchange="getId(this.value)" required>
     <option value="0">Select Category</option>
     <?php
     $object->query = "SELECT * FROM tbl_category 
                       WHERE category_flag = 0 
                       ORDER BY category_id ASC";

    $result = $object->get_result();
    foreach($result as $row)
    {
     echo '
         <option value="'.$row["category_id"].'">'.$row["category_name"].'</option>
          ';
      } 
     ?>
   </select>
 </div>

 <div class="form-group">
   <label>Item <span class="text-danger">*</span></label>
   <select class="form-select" name="stock_item" id="stock_item" data-dselect-search="true" required>
     <option value="0">Select Item</option>
   </select>
 </div>

編輯 function

$(document).on('click', '.edit_button', function(){

var stock_id = $(this).data('id');

$.ajax({

url:"stock_out_exec.php",

method:"POST",

data:{stock_id:stock_id, action:'fetch_single'},

dataType:'JSON',

success:function(data)
{

$('#stock_category').val(data.stock_category);

$('#stock_item').val(data.stock_item);

$('#hidden_id').val(stock_id);
}

})
});

Answer 1

嘗試使用以下命令獲取選項元素： $('#stock_category').find("option:selected")

然后嘗試： $('#stock_category').find("option:selected").val()

如果這不起作用，只需使用以下命令獲取文本： $('#stock_category').find("option:selected").text()

• 如果有多余的空格，只需去掉它： $('#stock_category').find("option:selected").text().trim()

---

編輯，在開發控制台中顯示復制元素

Element + Inspect 上的右鏈接

在元素的窗格中找到 Select，應該已經突出顯示為藍色，然后復制。 （當您在窗格中的元素上 hover 時，頁面上的元素會突出顯示）

當您復制元素時，它將復制 select 字段 + 它包含的所有選項。 粘貼時看起來應該是一團糟。 您可以刪除一些選項並刪除實際值（如果需要），請注意不要刪除選定的選項