（1）复选框选中及下拉框选中指定项(删除项)

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%
        String contextPath = request.getContextPath();
    %>
    <title>test</title>
    <script language="javascript" src="<%=contextPath%>/js/base/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">

        // 复选框选中或取消选中
        function allChecked() {
            var isAllChecked = $("#allChecked").attr("checked");
            $("input[name='chSel']").each(function(){
                if( isAllChecked != undefined && isAllChecked == "checked" ) {
                    // 复选框全选
                    $(this).attr("checked", true);
                } else {
                    $(this).removeAttr("checked");
                }
            });

        }

        function changeSelect() {
            var selVal = $("#selCity").val();
            alert("使用下拉改变事件onchange触发的方法，当前选中下拉框的值="+ selVal);
        }

        function deleteThr() {
            $("#selCity option[value=3]").remove();
        }
        function selSec() {
            // 选中下拉框项值为2的第一项：上海
            // $("#selCity").val("2");
            // 或使用下行代码来选中
            $("#selCity").find("option:contains('上海')").attr("selected", true);
        }
    </script>

</head>
<body>

    <input type="checkbox" value="3" id="allChecked" onclick="allChecked()" /> 全选
    <input type="checkbox" value="1" name="chSel" /> 数学
    <input type="checkbox" value="2" name="chSel" /> 语文
    <br />
    <input type="button" value="删除下拉框第三项" onclick="deleteThr()" />
    <input type="button" value="选中下拉框项值为2的第一项：上海" onclick="selSec()" />
    下拉框：
    <select id="selCity" onchange="changeSelect()">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">杭州</option>
    </select>

</body>
</html>

# javascript # xhtml # 前端
Logo
魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

cover

全家桶集齐！Qwen3.5四款小模型上线魔乐社区，附昇腾全套实践教程

avatar 魔乐社区

Pont - 搭建前后端之桥：高效、灵活的接口管理工具

Pont 是一款强大的数据服务层解决方案，它能够帮助开发者快速搭建前后端之间的桥梁，实现接口的高效管理和代码自动生成。无论是新手还是有经验的开发者，都能通过 Pont 轻松处理接口文档、生成类型安全的 API 代码，从而显著提升开发效率。[![Pont 工具标志](https://raw.gitcode.com/gh_mirrors/po/pont/raw/3f1b7d4bbba3fd2dda

avatar 魔乐社区

如何快速上手 hvac：HashiCorp Vault Python 客户端零基础入门指南

**hvac** 是 HashiCorp Vault 的 Python 3.X 客户端库，专为开发者提供简单高效的 Vault 交互方式。无论你是需要管理密钥、配置身份验证，还是实现安全的秘密数据存储，hvac 都能帮助你轻松搞定 Vault 的各项操作。本文将带你零基础快速入门，从安装到基础操作，让你在几分钟内即可上手使用这个强大的工具。[![hvac 客户端 Logo](https://r

avatar 魔乐社区