Posted on 2011-12-15 09:43
哈希 閱讀(394)
評論(0) 編輯 收藏 所屬分類:
Js and Jquery 常用總結
<td class="tablealignleft" >
<select id="status" name="status">
<option value="">全部</option>
<c:forEach var="sta" items="${statusList}">
<option value="<c:out value="$
{sta.id}"></c:out>"><c:out value="${sta.name}"></c:out></option>
</c:forEach>
</select>
</td>
jQuery獲取Select選擇的Text和Value:
1. $("#select_id").change(function(){//code}); //為Select添加事件，當選擇其中一項時觸發
2. var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text
3. var checkValue=$("#select_id").val(); //獲取Select選擇的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //獲取Select最大的索引值
jQuery添加/刪除Select的Option項：
1. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
2. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
3. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
4. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
5. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
內容清空：
$("#charCity").empty();
$(function(){$("#status").change(function(){
var sdelectValue=$("#status").val();
alert(sdelectValue);
getCustomerInfo(sdelectValue)
});
});
function getCustomerInfo(id){
alert(id);
$.ajax({
type: 'get',
//url: "<c:url value='/k4_oldGoldStorsge/getCustomer/'/>"+id,
url: "<c:url value='/k4_oldGoldStorsge/getCustomerInfo/'/>"+id,
dataType: 'json',
success: function(data) {
alert(data.receivername);
$("#receiveName").val(data.receivername); //name
$("#description").val(data.description); //code
$("#receiverId").val(data.account); //account
$("#receiverPhone").val(data.receiverTelephone); //telephone
//$("#").val(data.);
}
});
}