zoukankan      html  css  js  c++  java
  • select 标签的两种方式(以动态插入为例)

    标准形式:

    html

    <select id="sorte_piceid_copy" name="tea" style="display:none">
    <option value="s1">3000</option>
    <option value="s2">4000</option>
    <option value="s3">5000</option>
    <option value="s4">6000</option>
    </select>
    <select class="t" ></select>
    <div class="c">s1</div>
    <select class="t" ></select>
    <div class="c">s2</div>
    <select class="t" ></select>
    <div class="c">s4</div>
    <select class="t" ></select>
    <div class="c">s4</div>

    js

    var a=$(".c");
    var b=$(".t");

    alert($("div").hasClass("c"));//判断是否存在class
    alert($("select").hasClass("t"));//判断是否存在class
    var i=0;
    if($("select").hasClass("t")&&$("div").hasClass("c")){
    a.each(function(){
    b.eq(i).val(a.eq(i).html());
    i++;
    });
    }

    struts 标签形式:

    1 静态生成

    <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别" headerKey="" headerValue="请选择性别"></s:select>

    注解:这里从页面来静态(也就是在页面中写死啦)构造下拉选项,关键点是list="#{'0':'男','1':'女'}" 通过它实现的select的两个option 。headerKey指定缺省的选项“value”,headerValue指定缺省的选项“text”。


    2 action传递list过来

    <s:select label="用户" name="user" list="userList" listKey="id" listValue="name" />

    注解:这里通过一个list类型的对象来动态生成一个下拉列表。list="userList"表示action里有一个list<User>类型的userList属性。listKey="id"表示当前option的value从userList里的当前User对象的id属性取值。listValue="name"表示当前option的text从userList里的当前User对象的name属性取值。

  • 相关阅读:
    js高级教程阅读笔记 第一章-js的简介
    angular.element方法汇总
    AngularJS第六课(路由)
    AngularJS第五课(模块,动画,依赖注入)
    javascript基础整理(面试必备)
    Google工具page-speed使用教程(网站性能检测)
    常见前端面试题及答案
    css之布局那些事
    jquery之全屏滚动插件fullPage.js
    Git远程操作详解
  • 原文地址:https://www.cnblogs.com/yuhoukongshan/p/6226455.html
Copyright © 2011-2022 走看看