html multiple select option 分组

<select name="viewType" style="width: 100%;height: 300px;" multiple="multiple">    <option value selected>选择排序/显示方式</option>    <optgroup label="排序">        <option>按价格 从低到高</option>        <option>按价格 从高到低</option>        <option>按剩余时间 从少到多</option>        <option>按剩余时间 从多到少</option>    </optgroup>    <optgroup label="显示">        <option>列表方式</option>        <option>图片方式</option>        <option>纯文字方式</option>    </optgroup>    <optgroup label="数量">        <option>每页显示20个</option>        <option>每页显示40个</option>        <option>每页显示80个</option>    </optgroup></select>
时间: 2024-10-02 18:47:54

html multiple select option 分组的相关文章

用HTML的select+option标签实现下拉框

10.4.2 HTML option 标签 option 标签 -- select菜单中的一个选项 option标签是成对出现的,以<option>开始,以</option>结束 引用网址:http://www.dreamdu.com/xhtml/tag_option/ 属性. common -- 公共属性 disabled -- 输入域无法获得焦点.无法选择,以灰色显示,在表单中不起任何作用 label -- 选择项的短标签 value -- 选项的初始值,未设置时为option

页面多选下拉框 jquery.multiple.select

1.首先引用jquery.multiple.select.js.multiple-select.css 2.在页面select下拉列表里面加一个multiple="multiple" <select name="nimbusHost" id="nimbusHost" multiple="multiple"> <c:forEach items="${stormIps}" var="

Jquery获取select option动态添加自定义属性值失效

Jquery获取select option动态添加自定义属性值失效 2014/12/31 11:49:19 中国学网转载 编辑:李强 http://www.xue163.com/588880/39096/390963333.html 为了帮助网友解决“Jquery获取select optio”相关的问题,中国学网通过互联网对“Jquery获取select optio”相关的解决方案进行了整理,用户详细问题包括:jqueryselectie9  function GetFenceItemData(

select option知识

<select> <option value="volvo">Volvo XC90</option> <option value="saab">Saab 95</option> <option value="mercedes">Mercedes SLK</option> <option value="audi">Audi TT<

jquery获得select option的值和对select option的操作

1.jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

select option项选择后跳转页面

第一种方法: 跳转到当前页: location.href为跳转当前的页面 <select name="here " onchange="location.href=this.options[this.selectedIndex].value;"> <option value= "http://www.baidu.com "> 百度 </option> <option value= "http:/

select option text-align:center的问题

大家在学习CSS的时候肯定会遇到关于文本对齐的问题,一般来说,我们使用text-align:center;就可以解决啦,是的,但是这是针对于一般的情况,对于option是没有用的.那么,今天笔者给大家介绍一种行之有效的方法,那就是使用padding来解决.好啦,闲言少叙,我们进入正题. 用一个例子解释就可以啦: 代码如下: <select> <option value="0">0</option> <option value="1&q

select option 不可以选

<select> <option>Volvo</option> <option>Saab</option> <option disabled="disabled">Opel</option> <option>Audi</option> </select>

JQuery 对 Select option 的操作---转载

<select id="selectID" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option