// 方法1: 使用val()
var selectedValue = $('#yourSelectId').val();

// 方法2: 使用find()和:selected选择器
var selectedValue = $('#yourSelectId option:selected').val();

var selectedValues = $('#yourMultiSelectId').val(); // 返回数组

var selectedText = $('#yourSelectId option:selected').text();

<select id="fruitSelect">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="orange">Orange</option>
</select>

<button id="getValueBtn">Get Selected Value</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('#getValueBtn').click(function() {
    var value = $('#fruitSelect').val();
    var text = $('#fruitSelect option:selected').text();
    console.log('Selected value:', value);
    console.log('Selected text:', text);
  });
});
</script>

// 多选下拉列表示例
<select id="multiSelect" multiple>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

// 获取所有选中的值
var selected = $('#multiSelect').val(); // 返回数组

// 使用事件委托
$(document).on('change', '#dynamicSelect', function() {
  console.log($(this).val());
});