//JQ操作文本域和下拉選項的值

<form method="post">
	<select id="HookEct">
		<option value="1">選項一</option>
		<option value="2">選項二</option>
		<option value="3">選項三</option>
		<option value="4">選項四</option>
		<option value="5">選項五</option>
	</select>
	<textarea id="txt">這是文本域裏的值</textarea>
	<input type="button" id="btn" value="點擊" />
</form>
//js代碼
$("#HookEct").change(function(){
	var i = $('#HookEct option:selected') .val();//選中的值
	$("#HookEct").find("option[value="+i+"]").attr("selected",true);//把值爲i的選項選中
	var i = $('#HookEct option:selected').text();//選中的文本
});
$("#btn").click(function(){
	$("#txt").val(123);//將textarea中的內容修改爲123
    $("#txt").text(456);//將textarea中的內容修改爲456
    //最後獲取到的和頁面上顯示的都是123,可以嘗試將上面修改的方法的順序顛倒一下,最後的結果還是123
    alert($("#txt").val());//彈出textarea的值
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章