温馨提示×

jquery操作select常见方法

小云
86
2023-08-08 11:38:41
栏目: 编程语言

  1. 获取select元素的值:
  • 使用val()方法获取select元素的当前选中值:
var selectedValue = $("select").val();
  1. 设置select元素的值:
  • 使用val()方法设置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. 设置选中选项的索引:
  • 使用prop("selectedIndex", index)方法设置选中选项的索引:
$("select").prop("selectedIndex", index);
  1. 获取select元素中的选项数量:
  • 使用find("option").length方法获取select元素中的选项数量:
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