jquery修改下拉框的值

下拉框html代码

<div class="modeDiv">
				<span class="selectTitle">选择产品：</span>
				<div class="num-select">
					<div id="num-div" class="num-div" _gx="true">请选择</div>
					<select οnchange="selectFn(this,'num-div');" class="num-option" name="order_policy.plan_id">
							<option value="">请选择</option>
						<#list planList as plan>
							<option value="${plan.id!}">${plan.title!}</option>
						</#list>
					</select>
				</div>
			</div>

处理下拉框值改变的两种方式：

第一种：

function selectFn(_this,divID){
	var numDIV=document.getElementById(divID);
	var innerHTML = _this.options[_this.selectedIndex].text;
	var innerValue = _this.options[_this.selectedIndex].value;
	var num = parseInt(innerHTML);
	numDIV.innerHTML=num;
}

第二种

function selectFn(){
	 //获取被选中的option标签
	 var innerValue = $("#num-div").next("select").children('option:selected');
	 innerValue.attr("selected",true);
	 $("#num-div").text(innerValue.text());
	}