分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JQuery ?操作select

发布时间:2023-09-06 01:55责任编辑:董明明关键词:暂无标签
<!DOCTYPE html><html><head><meta charset="UTF-8"><script type="text/javascript" src=‘jquery-1.7.2.js‘ ></script> <title>Insert title here</title><script type="text/javascript"> ???$(function() { ???????????????//获取选中的值 ??value--值 ?text--文本 ???????//1. ???????/* $("select :selected").each(function() { ???????????//alert(this.value); ???????????alert(this.text); ???????}); ?*/ ????????//2. ???????//alert($("#se").val()); ???????//alert($("#se").text()); ???????//3. ???????//alert($("#se").find("option:selected").text()); ???????//alert($("#se").find("option:selected").val()); ???????//4. ???????//alert($("#se").get(0).value); ???????????????//获取索引值 ???????//alert($("#se").get(0).selectedIndex); ???????//alert($("#se option:first").attr("index")); ???????????????//alert($("#se option:first").val()); ???????????????????????//添加 ???????//$("#se").append("<option value=‘1‘>11</option>"); ?????????// $("#se").prepend("<option value=‘1‘>11</option>"); ??????????????????????????????//内容清空 ???????//$("#se").empty(); ???????????????//删除 ???????//$("#se option:last ").remove(); ???????//$("#se option:[value = ‘3‘] ").remove(); // 删除value 值为3 ???????//$("#se").remove(); ???????????????//设置被选中 ???????//$("#se option:[value = ‘3‘] ").attr("selected",true); ???????????????// 默认值改变第一个 ???????//alert($(" option:first").text(0)); ???});</script></head><body><select id=‘se‘><option value=‘2‘>22</option><option value=‘3‘>33</option></select><select id=‘s2‘><option value=‘2‘>22</option><option value=‘3‘>33</option></select></body></html>

JQuery ?操作select

原文地址:https://www.cnblogs.com/lxh520/p/9078312.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved