首页 > 代码库 > selected下拉列表常用取值、赋值方法总结
selected下拉列表常用取值、赋值方法总结
今天做了一个关于税率的下拉列表,用到很多selected下拉列表的相关技能,现总结如下:
下拉列表代码如下:
<span style="font-size:12px;"><td class='tdLeftHead'>税率</td> <td> <select id='tax1' onchange='taxChange(this.value,1,"thirdparty_profit")' name='thirdparty_taxid'> <s:if test="profitList[0].get('THIRDPARTY_TAXID') == -1" > <option selected="selected" value=http://www.mamicode.com/-1>N/A >
常用取值方法:var myselect=document.getElementById("tax"+i); // 获取下拉列表对象
var myIndex=myselect.selectedIndex ; // 获取下拉列表当前索引
var taxId = myselect.options[myIndex].value; // 获取当前索引对应的option选项value值var taxText = myselect.options[myIndex].text; // 获取当前索引对应的option选项文本框内容值
在JS中更改展示option选项方法:传入你想展示的选项对应的value值即可。
$("#tax1").val(value); // 选中下拉列表,给其传option选项value值,就会展示该value值对应索引的内容值。
增加一个选项的方法:
<span style="font-size:14px;"> var option=document.createElement("option"); option.text="nami"; option.value=http://www.mamicode.com/"nami1";>
将引入功能(将一张接口表中数据,引入到税率表中)相关JSP代码贴出来,以后可以翻看怎么在JS中取出下拉列表的对象及其属性值。
<span style="font-size:14px;"> function doInto(){ var TP_TAX_RATE = $("#taxAisas1").val(); var OP_TAX_RATE = $("#taxAisas2").val(); var OS_TAX_RATE = $("#taxAisas3").val(); var TR_TAX_RATE = $("#taxAisas4").val(); var TP_AMOUNT = $("#dealAisasPrice1").val(); var OP_AMOUNT = $("#dealAisasPrice2").val(); var OS_AMOUNT = $("#dealAisasPrice3").val(); var TR_AMOUNT = $("#dealAisasPrice4").val(); $('#dealPrice1').val(TP_AMOUNT); $('#dealPrice2').val(OP_AMOUNT); $('#dealPrice3').val(OS_AMOUNT); $('#dealPrice4').val(TR_AMOUNT); var flag_TP = false; var flag_OP = false; var flag_OS = false; var flag_TR = false; var id1,id2,id3,id4; <s:iterator value=http://www.mamicode.com/"taxTypeList" >>
selected下拉列表常用取值、赋值方法总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。