jQuery选中下拉列表,输出值

jQuery部分:

$("#form1 select").change(function () {    var s=[];    $("#form1 select :selected").each(function () {        var temp=$(this).html();        s.push(temp);//注意这里不能使方括号    })    var xx=s.join();//默认中间加逗号    $("div:last").html(xx);})

html部分:<form ic="form1">
下拉列表1:<br/><select name="test" multiple="multiple" style="height:100px">    <option>浙江</option>    <option selected="selected">湖南</option>    <option>北京</option>    <option selected="selected">天津</option>    <option>广州</option>    <option>湖北</option></select>

<br/><br/>下拉列表2:<br/><select name="test2" >    <option>浙江</option>    <option>湖南</option>    <option selected="selected">北京</option>    <option>天津</option>    <option>广州</option>    <option>湖北</option></select><br/><br/><div></div>
</form>
时间: 2024-08-24 15:48:49

jQuery选中下拉列表,输出值的相关文章

jquery获取下拉列表的值和显示内容的方法

页面的下拉列表: 选择时间段: <select name="timespan" id="timespan" class="Wdate" > <option value="1">8:00-8:30</option> <option value="2">8:30-9:00</option> <option value="3"&

jquery获取下拉列表的值

下面是网页视图代码: <tr> <th class="formTitle"> <label for="TaskType"> 任务类型 </label> </th> <td class="formValue"> <select name="TaskType" id="TaskType" class="txtselect&q

Jquery为下拉列表动态赋值与取值,取索引

接触前端也不久对jquery用的也只是皮毛,写过去感觉能复用的发出来,大家指点下 1.下拉列表动态赋值 function initddlYear() { var mydate = new Date(); var startYear = mydate.getFullYear() - 50; var endYear = mydate.getFullYear() + 50; for (var i = startYear; i < endYear; i++) { jQuery("#ddlYear&

jquery操作select(取值,设置选中)

最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").

jquery实现全选、全不选、反选、获取选中的所有值总结

HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <!doctype html><html><head> <meta charset="UTF-8"> <title>checkbox2</title> <style> li { list-style:none; } </style> <script src="js/

js获取下拉列表(select)选中项的值和文本

获取下拉列表选中项的值和文本(select) <html> <head> <meta charset="utf-8"/> <title>获取下拉列表选中项的值和文本(select)</title> </head> <body> <select id="myselect"> <option value="fist">1</option&

jquery 获取页面所有选中checkbox的值

<script type="text/javascript"> //type 是用于判断类型的,与主题无关 function doAll(type) { var ids = ''; //获取所有选中的值,将其用逗号隔开 $('input[type="checkbox"]:checked').each(function(index,value) { if($(value).val() != 'on') { ids += $(this).val() + ',

jquery操作select(取值,设置选中) 基础

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr(&qu

jQuery操作CheckBox的方法(选中,取消,取值)详解

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New document.nbsp;</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <SCR