docment.getelementbyid 和jquery里的$(#'id')区别

博客主要探讨了document.getElementById和jQuery里的$('#id')的区别,这两者在前端开发中用于获取元素,了解它们的差异对前端开发工作有重要意义。
<%-- Created by IntelliJ IDEA. User: Lenovo Date: 2025/11/25 Time: 19:24 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>编辑页面</title> <script src="/static/js/jquery-1.8.2.min.js"></script> <link rel="stylesheet" href="/static/css/css.css"> </head> <body> <%--页面--%> 任务ID <input type="text" id="did" readonly> 任务标题 <input type="text" id="dname" readonly><br> 所选科目 <select id="xid"> <option value="">请选择</option> </select><br> 负责人 <select id="uid"> <option value="">请选择</option> </select><br> 优先级 <select id="type"> <option value="0">高</option> <option value="1" selected>中</option> <option value="2">低</option> </select> 创建时间 <input type="datetime-local" id="stime"> 状态 <input type="text" id="sdata"> 预计完成时间 <input type="datetime-local" id="ctime"> 工时 <input type="text" id="worktime"> <%--按钮--%> <input type="button" value="修改" onclick="getupd()"> </body> <script> <%--脚本--%> $.ajaxSettings.async=false; //项目的下拉框 function getdong() { $.ajax({ url:"/book/select", dataType:"json", success(res) { console.log(res) let brr = res.data; for (let x of brr) { $("#xid").append(` <option value="\${x.xid}">\${x.xname}</option> `) } }, error() { alert('动态不出') } }) } getdong() //负责人的下拉框 function getfu() { $.ajax({ url:"/user/selectUser", dataType:"json", success(res) { console.log(res) let brr = res.data; for (let x of brr) { $("#uid").append(` <option value="\${x.uid}">\${x.uname}</option> `) } }, error() { alert('动态不出') } }) } getfu() //回显 function gethui() { $.ajax({ url:"/docment/selectDocment", type:"post", data:{did:${param.did}}, dataType:"json", success(res){ $("#did").val(res.data.did) $("#dname").val(res.data.dname) $("#xname").val(res.data.xname) $("#uname").val(res.data.uname) $("#type").val(res.data.type) $("#stime").val(res.data.stime) $("#sdata").val(res.data.sdata) $("#ctime").val(res.data.ctime) $("#worktime").val(res.data.worktime) }, error(){ alert('回显不出') } }) } gethui() </script> </html> 为什么回显的下拉框出不来对应的数值
最新发布
11-26
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值