如果我有3個HTML頁面如下:ajax請求後更改值!
home.html的:
<form method="get">
<input class="someForm" type="radio" value="1" name="someForm" /> Name
<input class="someForm" type="radio" value="2" name="someForm" /> Email
<div id="container"></div>
<input type="submit" />
</form>
<script type="text/javascript" src="jquery.js"></script>
<script>
var ajaxResponse = new Object();
$(document).ready(function() {
$('.someForm').click(function() {
var rbVal = $(this).val();
var myContent;
if (ajaxResponse[rbVal]) { //in cache
myContent = ajaxResponse[rbVal];
$("#container").html(myContent);
}
else { // not in cache
var urlForAjaxCall = "file" + rbVal + ".html";
$.get(urlForAjaxCall, function (myContent) {
ajaxResponse[rbVal] = myContent;
$("#container").html(myContent);
});
}
});
});
</script>
的file1.html:
Name: <input type="text" name="name1" value="myName" />
file2.html:
Email: <input type="text" name="email2" value="[email protected]" />
我想要做的是,當我點擊(例如)單選按鈕1並在corr中寫入某些內容時esponding文本框(名稱),「亞歷克斯」爲例,然後單擊任何一個單選按鈕,然後在Home.html然後在隨後reclick單選按鈕1,我得到了新的價值,而不是讓「MYNAME」,如何做到這一點任何想法? TIA