溫馨提示×

jquery操作select常見方法

小云
91
2023-08-08 11:38:41
欄目: 編程語言

  1. 獲取select元素的值:
  • 使用val()方法獲取select元素的當前選中值:
var selectedValue = $("select").val();
  1. 設(shè)置select元素的值:
  • 使用val()方法設(shè)置select元素的選中值:
$("select").val("optionValue");
  1. 獲取select元素選中選項的文本:
  • 使用find(":selected").text()方法獲取select元素當前選中選項的文本:
var selectedText = $("select").find(":selected").text();
  1. 獲取選中選項的索引:
  • 使用prop("selectedIndex")方法獲取當前選中選項的索引:
var selectedIndex = $("select").prop("selectedIndex");
  1. 設(shè)置選中選項的索引:
  • 使用prop("selectedIndex", index)方法設(shè)置選中選項的索引:
$("select").prop("selectedIndex", index);
  1. 獲取select元素中的選項數(shù)量:
  • 使用find("option").length方法獲取select元素中的選項數(shù)量:
var optionCount = $("select").find("option").length;
  1. 移除選中選項:
  • 使用remove()方法移除選中的選項:
$("select").find(":selected").remove();
  1. 添加選項:
  • 使用append()方法添加新的選項:
$("select").append("<option value='optionValue'>Option Text</option>");
  1. 清空select元素中的所有選項:
  • 使用empty()方法清空select元素中的所有選項:
$("select").empty();

0 踩