页面导航：
→ 正文内容 js操作select
封装html的select标签的js操作实例
本文将为大家介绍下正如标题所示的select操作:清空所有的选项、添加一个选项、根据值、选中一个选项、根据下标，选中一个选项，感兴趣的朋友可以参考下哈，希望对大家有所帮助
代码如下: function BindSelect(id,dataList,fieldtext,fieldValue) { //绑定某一个数据源，fieldtext为需要绑定的文本字段，fieldValue为需要绑定的value字段 var select = $("#" + id)[0]; for (var i = 0; i & dataList. i++) { select.options.add(new Option(eval("dataList[" + i + "]." + fieldtext), eval("dataList[" + i + "]." + fieldValue))); } } function BindSelectOptions(id, OptionList) { var select = $("#" + id)[0]; for (var i = 0; i & OptionList. i++) { select.options.add(new Option(OptionList[i].Text, OptionList[i].Value)); } } function ClearAllItems(id) {//清空所有的选项 var select = $("#" + id)[0]; select.options.length = 0; } function AddOneItem(id, text, value) {//添加一个选项 var select = $("#" + id)[0]; select.options.add(new Option(text, value)); } function selectOneOption(id, selectValue) {//根据值，选中一个选项 var select = $("#" + id)[0]; var len = select.options. for (var i = 0; i & i++) { if (select.options[i].value == selectValue) { select.options[i].selected =
} } } function selectOneOptionByIndex(id, index) {//&SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif"&//根据下标，选中一个选项&/SPAN& var select = $("#" + id)[0]; var len = select.options. if (index &= 0 && index &= len) { select.options[index].selected = } }
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行&html:select& 页面返回时怎么让它显示我之前选择的值？_百度知道
&html:select& 页面返回时怎么让它显示我之前选择的值？
&td nowrap width=&30%& height=&30& align=&center& class=&tab_td2&&业务代码：&/td&&td align=&center& valign=&center&&&html:select name=&HLJPLDKjgcxForm& property=&ywdm& style=&width:153& value=&{'&property value='ywdm'/&}&&
&html:option value=&&&---未选择---&/html:option&
&html:options property=&ywdmL&/&
&/html:select&&/td&
我有更好的答案
你的返回是什么意思 是不是把页面提交之后有刷新本页面，如果是这样的话 把select中的选中的值传到后台 在返回本页面的时候重新穿过来 ，在页面的初始化方法中判断这个值，选择哪个select被选中
这样就可以了
其他类似问题
select的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁你的位置：
根据赋予的值选择HtmlSelect
来源: 按键精灵资源站
这段代码运行没问题
X(0) = &安徽省&
X(1) = &合肥市&
Call Plugin.Web.HtmlSelect(X(0), &id:unit_gld_sVillage&frame:6&)
Delay 1500
Call Plugin.Web.HtmlSelect(X(1), &id:unit_gld_sGroup&frame:6&)
-----------------------------------------------------------------------------------
再有一段是从EXCEL单元格复制3个值：安徽省、合肥市、包河区
wis=Plugin.Window.Find(0, &WQM 1.18 - [1]&)
Call Plugin.Window.Active(excel)
FindPic 0,0,800,120,&Attachment:\复制.bmp&,0.9,intX,intY
//复制.bmp是EXCEL中复制按键
If intX & 0 And intY & 0 Then
//复制3次，x(1)为省，x(2)为市，x(3)为县
MoveTo intX, intY
& & LeftClick 1
& & Delay 500
& & X(i) = Plugin.Sys.GetCLB()
//根据每次复制结果赋予变量x(i)
& & i = i + 1
& & KeyPress &Right&, 1
& & Delay 500
& & Delay 500
& & KeyPress &Down&, 1
KeyPress &Left&, 3
MessageBox (&您的EXCEL没有找到“复制”按钮&&vbcr&&添加方法：视图-栏-常用√&&vbcr&&只需要添加一次，以后不需要再次添加&&vbcr&&请添加后“确定”！&)
& & Goto 等待1
MessageBox (&省：&&X(0)&&市：&&X(1)&&县:&&X(2))
//到此步显示正常
//省：安徽省&&市：合肥市&&县：包河区
Call Plugin.Window.Active(wis)
Delay 1500
//下面两段就有问题了，不可以自动选择市、县
Call Plugin.Web.HtmlSelect(X(1),&id:unit_gld_sVillage&frame:6&)
Delay 1500
Call Plugin.Web.HtmlSelect(X(2),&id:unit_gld_sGroup&frame:6&)
-------------------------------------------------------
就最后两句不知道哪出问题了。不可以自动选择了，请帮忙看看jquery获取select选择的值代码
来源：&&&时间： 20:25:01&&&阅读数：
[导读] 在jquery中对于select操作是方便了很多很多，如果我要获取select选中值我们可以直接$( s option:selected) val()即可，下面小编来给大这介绍介绍。
jquery获取select选择的文本与值
代码如下复制代码
在jquery中对于select操作是方便了很多很多，如果我要获取select选中值我们可以直接$('#s option:selected').val()即可，下面小编来给大这介绍介绍。
获取选择的文本与值
获取select 选中的 text :jQuery(&#select1& option:selected&).text();获取select选中的 value: $(&#ddlregtype &).val(); 获取select选中的索引: $(&#ddlregtype &).get(0).
弹出选中值并显示
&script src=&jquery-1.9.1.js&&&/script& &script type=&text/&& $(function () { $('#btn').click(function () { alert($('#s option:selected').val()); }) }) &/script& &/head& &body& &select id=&s& multiple=&multiple&& &option value=&1&&商&/option& &option value=&2&&炳&/option& &option value=&3&&奇&/option& &/select& &input type=&button& id=&btn& value=&获取& /&&br /& &/body&
其它关于select option操作设置select option项:
$(&#select_id&).append(&&option value='value'&text&/option&&);& //添加一项option$(&#select_id&).prepend(&&option value='0'&请选择&/option&&); //在前面插入一项option$(&#select_id option:last&).remove(); //删除索引值最大的option$(&#select_id option[index='0']&).remove();//删除索引值为0的option$(&#select_id option[value='3']&).remove(); //删除值为3的option$(&#select_id option[text='4']&).remove(); //删除text值为4的option
除非特别声明，PHP100新闻均为原创或投稿报道，转载请注明作者及原文链接原文地址：
延伸阅读 More
haowubai&&
haowubai&&
haowubai&&
haowubai&&
haowubai&&
视频教程 Video
网站服务：
专题合作 :
会员问题 : QQ
友情链接 : QQ 925939
网站投稿 :
@php100官方
php100官方微信
Copyright (C) 2007-, All Rights Reserved 版权所有 上海创恩信息技术有限公司. 沪ICP备号当前位置： →
→ JQuery对html控件操作小结
JQuery对html控件操作小结
& 作者：佚名 & 来源： 互联网 & 热度：
&收藏到→_→：
摘要: JQuery对html控件操作总结 转自：/cnkenny/archive//1776684.html
jQuery获取Select选择的...
"JQuery对html控件操作小结"：：
对html控件操作总结
转自：http://www.马开东/cnkenny/archive//1776684.html
获取select选择的text和value:
语法解释：
1. $("#select_id").change(function(){//code...});
//为select添加事件，当选择其中一项时触发
2. var checktext=$("#select_id").find("option:selected").text();
//获取select选择的text
3. var checkvalue=$("#select_id").val();
//获取select选择的value
4. var checkindex=$("#select_id ").get(0).
//获取select选择的索引值
5. var maxindex=$("#select_id option:last").attr("index");
//获取select最大的索引值
设置select选择的 text和value:
语法解释：
1. $("#select_id ").get(0).selectedindex=1;
//设置select索引值为1的项选中
2. $("#select_id ").val(4);
// 设置select的value值为4的项选中
3. $("#select_id option[text='']").attr("selected", true);
//设置select的text值为的项选中
添加/删除select的option项：
语法解释：
1. $("#select_id").append("&option value='value'&text&/option&");
//为select追加一个option(下拉项)
2. $("#select_id").prepend("&option value='0'&请选择&/option&");
//为select插入一个option(第一个位置)
3. $("#select_id option:last").remove();
//删除select中索引值最大option(最后一个)
4. $("#select_id option[index='0']").remove();
//删除select中索引值为0的option(第一个)
5. $("#select_id option[value='3']").remove();
//删除select中value='3'的option
5. $("#select_id option[text='4']").remove();
//删除select中text='4'的option
http://www.马开东/sal2928/archive//1321285.html
radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关
获 取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获 取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedindex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked =
，文本区域：$("#txt").attr("value")；
多选框 checkbox：$("#checkbox_id").attr("value")；
单选组radio：
$("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');// 填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组 radio：
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框 select：
$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("&option value='1'&1111&/option&&option value='2'&2222&/option&").appendto("#sel")//添加下拉框的option
$("#sel").empty()；// 清空下拉框
----------------------------------------------------------------
//遍历option和添加、移除option
function changeshipmethod(shipping){
var len = $("select[@name=ishiptype] option").length
if(shipping.value != "ca"){
$("select[@name=ishiptype] option").each(function(){
if($(this).val() == 111){
$(this).remove();
$("&option value='111'&ups ground&/option&").appendto($("select[@name=ishiptype]"));
//取得下拉選單的選取值
$(#testselect option:selected').text();
或$("#testselect").find('option:selected').text();
或$("#testselect").val();
//////////////////////////////////////////////////////////////////
记 性不好的可以收藏下：
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的id属性值
$("#select").empty();//清空下拉框 //$("#select").html('');
$("&option value='1'&1111&/option&").appendto("#select")//添加下拉框的option
稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性，
并 且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟 的是属性。
$("input[@type=radio][@checked]").val(); //得到单选框的 选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function() { //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾
当然的选择器是强大的. 还有很多方法.
&script src="-1.2.1.js" type="text/javascript"&&/script&
&script language="javascript" type="text/javascript"&
$(document).ready(function(){
$("#selecttest").change(function()
//alert("hello");
//alert($("#selecttest").attr("name"));
//$("a").attr("href","xx.html");
//window.location.href="xx.html";
//alert($("#selecttest").val());
alert($("#selecttest option[@selected]").text());
$("#selecttest").attr("value", "2");
&a href="#"&aaass&/a&
&!--下拉框--&
&select id="selecttest" name="selecttest"&
&option value="1"&11&/option&
&option value="2"&22&/option&
&option value="3"&33&/option&
&option value="4"&44&/option&
&option value="5"&55&/option&
&option value="6"&66&/option&
radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中 项的值
var item = $('input[@name=items][@checked]').val();
获取select被选 中项的文本
var item = $("select[@name=items] option[@selected]").text();
select 下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedindex = 1;
radio单选组的第二个 元素为当前选中值
$('input[@name=items]').get(1).checked =
文本 框，文本区域：$("#txt").attr("value")；
多选框 checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控 制表单元素：
，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');// 填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框 select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("&optionvalue='1'&1111&/option&&optionvalue='2'&2222&/option&").appendto("#sel")//添加下拉框的option
$("#sel").empty()；// 清空下拉框
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当 前选中值
$('#select_id')[0].selectedindex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked =
，文本区域：$("#txt").attr("value")；
多选框 checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控 制表单元素：
，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');// 填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框 select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("&option value='1'&1111&/option&&option value='2'&2222&/option&").appendto("#sel")//添加下拉框的option
$("#sel").empty()；// 清空下拉框
搜索此文相关文章：此文来自: 马开东博客
网址: 站长QQ
上一篇：没有了
JQuery对html控件操作小结_HTML,CSS相关文章
HTML,CSS_总排行榜
HTML,CSS_最新
HTML,CSS_月排行榜
HTML,CSS_周排行榜
HTML,CSS_日排行榜
马开东博客专栏
企业软件/开发
硬件/嵌入开发
马开东博客专栏
应用服务器
软件工程/管理/测试
马开东博客专栏
Linux/Unix
马开东博客专栏
开发语言/框架
专题开发/技术/项目
马开东博客专栏
高性能开发
马开东博客专栏