首页 > 代码库 > 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下拉列表常用取值、赋值方法总结