我在单个HTML中有两个div标签,数据角色为“page”。第一个是一个表格,其中包含一个表格,其中有两列表示A和B以及一个按钮。第二页包含一个文本框和下拉列表以及子照明按钮。点击第一页中的按钮,jquery应该调用web-service,并且应该导航到第二个div,其中下拉列表应该填充webservice的结果。 最后点击提交整个数据应转换为xml,并应发布到另一个Web服务。
请在这种情况下帮助我
HTML PAGE
<body>
<div data-role="page" id="page-a">
<div data-role="header"><h1>Place order</h1></div>
<div data-role="content">
<table align="center">
<tr>
<th>Part Number</th>
<th>Quantity</th>
</tr>
<tr>
<td><input type="text" id="t1"></td>
<td><input type="text" id="q1"></td>
</tr>
<tr>
<td><input type="text" id="t2"></td>
<td><input type="text" id="q2"></td>
</tr>
<tr>
<td><input type="text" id="t3"></td>
<td><input type="text" id="q3"></td>
</tr>
<tr>
<td><input type="text" id="t4"></td>
<td><input type="text" id="q4"></td>
</tr>
<tr>
<td><input type="text" id="t5"></td>
<td><input type="text" id="q5"></td>
</tr>
</table>
</div>
<center>
<div>
<a href="#page-b" id="nextpage" data-role="button">Next</a></center>
<!--<button onclick="jaffa()">NEXT </button>-->
</div>
</center>
</div>
<div data-role="page" id="page-b">
<div data-role="header"><h1>Head</h1></div>
<div data-role="content">
<table align="center">
<tr>
<td> <label for="uname" class="floatleft" >Customer Reference ID</label> </td>
<td> <input id="cref"type="text" name="name" size="20" data-mini="true" autocomplete="off" style="width:220px;" class="floatleft1"/></td>
</tr>
<tr>
<td><label for="address" class="floatleft">Address</label></td>
<td><select id="addr">
<option>--SELECT--</option>
</select></td>
</tr>
</table>
</div>
<div>
<button onclick="execute()"> place order </button>
</div>
</div>
SCRIPT
<script type="text/javascript">
$.("#nextpage").click(function)() {
alert("jaffa");
$.ajax({
type: "POST",
url:"http://172.18.98.31/TrwAftermarket_M/login.asmx/GetShipToList",
data: {UserId:"TRW2008" , Storefront:"DE" , CustomerNumber:"987654"},
dataType: 'xml',
success:function(data, textStatus, jqXHR){
var xml = '';
xml = $(data).find('string').text();
xmlDoc = $.parseXML(xml),
$xml = $( xmlDoc ),
$(xml).find('shiptoName').each(function(){
var value = $(this).text();
//alert(value);
$(addr).append("<option class='ddlcustomer' value='"+ value +"'>"+value+"</option>");
});
},
error: function (jqXHR, textStatus, errorThrown) {
alert("Error occured");
alert(textStatus);
alert(errorThrown);
}
});
});
答案 0 :(得分:0)
尝试
var position = $('#page-a').position();
$("html, body").animate({
scrollTop: position.top
});