代码总结：下拉框怎么根据参数值动态选定

叁歲伎倆 2022-05-12 20:26 139阅读 0赞

*  需求：通常用户修改资料页面会加载它现有的值，这时应该从数据库取出该用户需要显示在页面的字段，封装成User对象，前台据此给相关标签写上默认值（此时如果加reset按钮，它就不是重置了，而是给资料页恢复默认设置），但是下拉框的值怎么绑定后台传过来的相应数据呢？
 *  演示：get传参，动态选中  
    ![这里写图片描述][70]

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!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=UTF-8">
    <title>下拉框怎么动态绑定selected</title>
    <script type="text/javascript" src="jquery/jquery-1.12.4.js"></script></head>
    <script> $(function(){ $("option").each(function(i,op){ if($(op).val() == $("#city").attr("data")) op.selected = true; }); }); </script>
    <body>
    <div><input type="text" placeholder="账户" value="${param.user }"/></div>
    <div><input type="password" placeholder="密码" value="${param.pwd }"/></div>
    <select id="city" data="${param.city }">
        <option>==选择城市==</option>
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
        <option value="sz">深圳</option>
    </select>
    </body>
    </html>

[70]: /images/20220513/a88dd7499173401998e330186c6078e5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关使用 JavaScript 在下拉列表中获取选定值

问：如何使用 JavaScript 从下拉列表中获取选定的值？我尝试了以下方法，但它们都返回选定的索引而不是值： var e = document.getElem

阳光穿透心脏的1/2处/ 2024年03月30日 17:21/ 0 赞/ 80 阅读

相关 HTML根据下拉框的值动态展示其他input框数据

前端html 原生代码描述:这里是实现一个下拉框对应的下拉框的值展示对应的时间个数inpu框例如: 下拉框是半年那么付款日期就展示二个付款的input框

今天药忘吃喽~/ 2023年10月05日 17:06/ 0 赞/ 64 阅读

相关 Layui select（下拉框）使用（动态渲染，更改选中值）

1 动态渲染 HTML 代码： <form> <select id="RiverTypeLevel" > <option

Dear 丶/ 2023年10月05日 13:49/ 0 赞/ 62 阅读

相关【js】改变radio的值动态改变下拉框（select）的值

1、使用到jQuery 在html文档里引入jQuery库 <script src="https://apps.bdimg.com/libs/jquery/2.

太过爱你忘了你带给我的痛/ 2023年02月10日 05:20/ 0 赞/ 15 阅读

相关 pentaho报表添加下拉框参数

pentaho报表添加下拉框参数由于pentaho的报表是固定报表，如果想进行类似条件筛选可能是个问题。本文就介绍一下如何使用pentaho的下拉框。本文主要参考：

悠悠/ 2022年09月28日 11:57/ 0 赞/ 199 阅读

相关【JqGrid】jqGrid动态填充select下拉框的选项值

function gettypes(){ //动态生成select内容 var str=""; $.ajax({

本是古典何须时尚/ 2022年07月14日 04:53/ 0 赞/ 204 阅读

相关代码总结：下拉框怎么根据参数值动态选定

需求：通常用户修改资料页面会加载它现有的值，这时应该从数据库取出该用户需要显示在页面的字段，封装成User对象，前台据此给相关标签写上默认值（此时如果加reset按钮，它

叁歲伎倆/ 2022年05月12日 20:26/ 0 赞/ 140 阅读

相关允许空值的下拉框

LSComboBoxItem.cs using System; using System.Net; using System.Windows;

女爷i/ 2022年04月22日 03:48/ 0 赞/ 227 阅读

相关获取select下拉框的值（总结）

获取select下拉框的值最近学习用到就总结起来，以便日后复习啦~~ 案例： 1、新建web项目 2、下载jQuery 有两个版本的 jQuery 可供下载：

蔚落/ 2021年12月15日 05:01/ 0 赞/ 394 阅读

相关 layui下拉框赋默认值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="vie

素颜马尾好姑娘i/ 2021年09月23日 08:10/ 0 赞/ 857 阅读