jquery操作select常见方法

1258
2023/7/24 11:38:41
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

  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();

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: jQuery post()方法的作用是什么