selected下拉列表常用取值、賦值方法總結
來源：程序員人生 發布時間：2014-11-22 08:51:56 閱讀次數：2887次
今天做了1個關于稅率的下拉列表，用到很多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') == ⑴" >
<option selected="selected" value=⑴>N/A</option>
</s:if>
<s:else>
<option value=⑴>N/A</option>
</s:else>
<s:iterator value="taxTypeList" status="tar_1" >
<s:set name="index" value="#tar_1.getIndex()"/>
<s:set name="id" value="taxTypeList[#index].getId()"/>
<s:set name="taxid" value="profitList[0].get('THIRDPARTY_TAXID')"/>
<s:if test="#taxid != #id " >
<option value='<s:property value="taxTypeList[#index].getId()" />' >
<s:property value="taxTypeName" />
</option>
</s:if>
<s:else>
<option selected="selected" value='<s:property value="taxTypeList[#index].getId()" />'> <s:property value="taxTypeName" /></option>
</s:else>
</s:iterator>
</select>
</td></span>
經常使用取值方法：
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值對應索引的內容值。
增加1個選項的方法：
<span style="font-size:14px;"> var option=document.createElement("option");
option.text="nami";
option.value="nami1";
var x=document.getElementById("mySelect");
try
{
x.add(option,null); // 標準實現
}
catch(ex)
{
x.add(option); // 僅在IE中實現
}</span>
將引入功能（將1張接口表中數據，引入到稅率表中）相干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="taxTypeList" >
<s:set name="index" value="#tar_1.getIndex()"/>
<s:set name="id" value="taxTypeList[#index].getId()"/>
<s:set name="taxTypeName" value="taxTypeList[#index].getTaxTypeName()"/>
――這里的id1即為option選項對應的value值
if(TP_TAX_RATE=='<s:property value="taxTypeName" />'){
id1= '<s:property value="id" />'
flag_TP = true;
}
if(OP_TAX_RATE=='<s:property value="taxTypeName" />'){
id2= '<s:property value="id" />'
flag_OP = true;
}
if(OS_TAX_RATE=='<s:property value="taxTypeName" />'){
id3= '<s:property value="id" />'
flag_OS = true;
}
if(TR_TAX_RATE=='<s:property value="taxTypeName" />'){
id4= '<s:property value="id" />'
flag_TR = true;
}
</s:iterator>
――給selected下拉框設置value值，便可切換為我們希望展現的文本框內容
$("#tax1").val(id1);
$("#tax2").val(id2);
$("#tax3").val(id3);
$("#tax4").val(id4);
taxChange(id1,1,"thirdparty_profit");
taxChange(id2,2,"selfserv_profit");
taxChange(id3,3,"softwareserv_profit");
taxChange(id4,4,"train_serv_profit");
if(!flag_TP){
alert(TP_TAX_RATE + '稅率不存在。');
return false;
}
if(!flag_OP){
alert(OP_TAX_RATE + '稅率不存在。');
return false;
}
if(!flag_OS){
alert(OS_TAX_RATE + '稅率不存在。');
return false;
}
if(!flag_TR){
alert(TR_TAX_RATE + '稅率不存在。');
return false;
}
} </span>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
