jQuery(2)——如何使用jQuery回显数据

使用jQuery回显数据

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
pageContext.setAttribute("userName","Tom");
pageContext.setAttribute("sex","1");
pageContext.setAttribute("hobbies","1,3");
pageContext.setAttribute("grade","2");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title><script type="text/javascript" src="./js/jquery-3.3.1.js"></script><script type="text/javascript"><!--$(function(){});匿名函数里面的代码会在整个页面加载完才会执行-->$(function(){$("#user_name").val("${userName}");const hobbies="${hobbbies}";$("[name='hobby']").val( hobbies.split(","));$("[name='sex']").val(["${sex}"]);$("[name='grade']").val(["${grade}"]);});</script></head><body><form><!--1、文本框的数据可以直接写${返回数据名 }——>${userName }2、也可以通过jQuery对象或得——>$("#user_name").val("${userName}")--><input id="user_name" value="${userName }"/> <input type="radio" name="sex" value="0"/> 男<input type="radio" name="sex" value="1"/> 女<input type="checkbox" name="hobby" value="1"/> 足球<input type="checkbox" name="hobby" value="2"/> 篮球<input type="checkbox" name="hobby" value="3"/> 乒乓球<select class="abc" name="grade"> <option value="1">一年级</option><option value="2">二年级</option></select></form><!--如果执行此处代码，他在form表单加载结束后才执行 --><!--  script type="text/javascript">$("#user_name").val("${userName}");//回显复选框数据const hobbies="${hobbbies}";$("[name='hobby']").val( hobbies.split(","));//回显单选框数据$("[name='sex']").val(["${sex}"]);//回显下拉框数据$("[name='grade']").val(["${grade}"]);</script> --></body>
</html>

jQuery(2)——如何使用jQuery回显数据相关推荐

ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据
场景结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在el-radio中设置好label即可,无需再给每一个el-ra ...
ElementUI中的el-select中多选回显数据后没法重新选择和更改
场景 ElementUI的el-select怎样实现下拉多选并实现给下拉框赋值和获取值: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detai ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】...
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
layer.open回显数据select选择默认值
1. 需求分析如图所示,需要在用户编辑的时候能够回显数据,并且使其能够自动渲染下拉框. <div class="layui-form-item"><label ...
vue页面回显数据_解决vue表单回显数据无法修改的问题
前言:今天在做修改操作的时候遇到了一个问题,数据回显到修改表单之后,发现无法输入,也不能实现修改项目环境:springboot+vue前后端分离问题:修改操作数据回显无法输入值一.问题截图二. ...
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决)
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) 参考文章: (1)vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) (2)ht ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】(修订版)...
前言只有光头才能变强. 文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y 什么是EL表达式? 表达式语言(Expression ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】... 1
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
React之antd Form回显数据
转自:https://blog.csdn.net/welkin_qing/article/details/110004969 文章目录一.antd4如何回显数据 1. 定义变量 2. 保存接口数据到 ...

jQuery(2)——如何使用jQuery回显数据

使用jQuery回显数据

jQuery(2)——如何使用jQuery回显数据相关推荐

最新文章

热门文章