C#頁簽-TabControl-跳到指定頁簽

設定事件：
name:tcl_LRX1
SelectedIndexChang:tcl_LRX1_SelectedIndexChanged


private void tcl_LRX1_SelectedIndexChanged(object sender, EventArgs e)
{
   ...
   this.tcl_LRX1.SelectedIndex = 1; //指定要跳到頁簽的index
}

angularJS 簡單sample

<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/angularJS/angular.js"></script>
<script language="JavaScript" type="text/javascript">

function fruitControl($scope) {
$scope.fruitModel = [{id:1,fruitName:'apple',fruitPrice:5},
                    {id:2,fruitName:'banana',fruitPrice:10},
                    {id:3,fruitName:'orange',fruitPrice:8},
                    {id:4,fruitName:'peach',fruitPrice:20}];

$scope.fruitList = $scope.fruitModel[0];

$scope.discount = 1;
}

</script>

</head>
<body>

<span ng-controller="fruitControl">
水果：<select ng-model="fruitList" ng-options="fruit.fruitName for fruit in fruitModel"></select>
折扣：<input type="radio" ng-model="discount" value="0.25"/>25折
<input type="radio" ng-model="discount" value="0.5"/>5折
<input type="radio" ng-model="discount" value="0.75"/>75折
<div ng-switch on="fruitList.fruitName">
<div ng-switch-when="apple">apple is {{fruitList.fruitPrice * discount}} dollars.</div>
<div ng-switch-when="banana">banana is {{fruitList.fruitPrice * discount}} dollars.</div>
<div ng-switch-when="orange">orange is {{fruitList.fruitPrice * discount}} dollars.</div>
<div ng-switch-when="peach">peach is {{fruitList.fruitPrice * discount}} dollars.</div>
</div>
</span>

</body>
</html>

struts2 + jquery ajax 簡單範例

使用版本：
jquery-1.8.2.min.js
struts2-core-2.1.8.1.jar
struts2-json-plugin-2.1.8.1.jar


JSP：

<select id="itemList" name="itemList" onchange="changeItem()">
<option value="0">請選擇</option>
<option value="1">apple</option>
<option value="2">banana</option>
<option value="3">orange</option>
<option value="4">peach</option>
</select>
<br/>
項目名稱：<input type="text" id="itemName" name="itemName" />


Javascript：

<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
<script language="JavaScript" type="text/javascript">

function changeItem() {
var itemVal = $("#itemList").val();
var data = {"itemVal" : itemVal};

$.ajax({
        url:'index!queryItemList',
        type:'POST',
        data: data,
        dataType:'json',
        success:function (data) {
//             alert(JSON.stringify(data));
            $("#itemName").val(data.itemName);
        }
    });
}

</script>



struts.xml：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN"
    "http://struts.apache.org/dtds/struts-2.1.7.dtd">
<struts>
<package name="prcdefault" extends="json-default">
<action name="index" class="com.prc.action.IndexAction">
<result name="success">/pages/success.jsp</result>
<result name="jsonResult" type="json"></result>
</action>
</package>
</struts>


Action：

private String itemVal;
private String itemName;
public String getItemVal() {
return itemVal;
}
public void setItemVal(String itemVal) {
this.itemVal = itemVal;
}
public String getItemName() {
return itemName;
}
public void setItemName(String itemName) {
this.itemName = itemName;
}

public String queryItemList() {
if("1".equals(itemVal)) {
itemName = "apple";
} else if("2".equals(itemVal)) {
itemName = "banana";
} else if("3".equals(itemVal)) {
itemName = "orange";
} else if("4".equals(itemVal)) {
itemName = "peach";
} else {
itemName = "none";
}

return "jsonResult";
}