文章來源 :http://social.microsoft.com/Forums/en-US/1b6cdf7b-62eb-4a4e-892a-c1beebf32369/jqueryli
Question
<td class="nesmore">
所在區域:
</td>
<td class="nesmoreL" colspan="5">
<ol id="selectable">
<li class="ui-widget-content" value="110101">東城區</li>
<li class="ui-widget-content" value="110102">西城區</li>
<li class="ui-widget-content" value="110103">朝陽區</li>
<li class="ui-widget-content" value=" 110106">豐臺區</li>
<li class="ui-widget-content" value="110107">石景山區</li>
<li class="ui-widget-content" value="110108">海淀區</li>
<li class="ui-widget-content" value="110224">亦莊開發區</li>
</ol>
</td>
我想通過jquery獲得選中項的value並保存起來
之前用 $("ol li").each(function() {
$(this).click(function() {
areaCode = $(this).attr("value");
}
}這個方法得到了,但是出了這個括號就獲取不到值了,沒法用ajax異步請求,該如何解決呢?
Answers
-
我是要得到 選中 項的值,並且在$.each方法外部也能用
根據我的代碼你自己想想看啊:啓用click事件添加不就可以了?
<!DOCTYPEhtml>
$("ol li").each(function() {
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<scriptsrc="Scripts/jquery-1.8.3.js"></script>
<script>
function buttonClick() {
//使用全局的Array(類似C#中Dictionary保存Key和Value):
var index = 0;
var a = new Array();
$(this).click(function() {
a[$(this).text()] = $(this).attr("value");}
}
// 測試輸出
for (var i in a) {
alert(i+"<===>"+a[i]);
}
}
</script>
</head>
<body>
<olid="selectable">
<liclass="ui-widget-content"value="110101">東城區</li>
<liclass="ui-widget-content"value="110102">西城區</li>
<liclass="ui-widget-content"value="110103">朝陽區</li>
<liclass="ui-widget-content"value=" 110106">豐臺區</li>
<liclass="ui-widget-content"value="110107">石景山區</li>
<liclass="ui-widget-content"value="110108">海淀區</li>
<liclass="ui-widget-content"value="110224">亦莊開發區</li>
</ol>
<p>
<inputid="Button1"type="button"value="button"onclick="buttonClick()"/></p>
</body>
</html>
- Marked as answer by 小歡樂丶 Monday, December 24, 2012 9:09 AM
All replies
-
設法定義一個全局變量然後獲取全部的li數值:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.8.3.js"></script> <script> function buttonClick() { //使用全局的Array(類似C#中Dictionary保存Key和Value): var index = 0; var a = new Array(); $("li").each(function () { a[$(this).text()] = $(this).attr("value"); }); // 測試輸出 for (var i in a) { alert(i+"<===>"+a[i]); } } </script> </head> <body> <ol id="selectable"> <li class="ui-widget-content" value="110101">東城區</li> <li class="ui-widget-content" value="110102">西城區</li> <li class="ui-widget-content" value="110103">朝陽區</li> <li class="ui-widget-content" value=" 110106">豐臺區</li> <li class="ui-widget-content" value="110107">石景山區</li> <li class="ui-widget-content" value="110108">海淀區</li> <li class="ui-widget-content" value="110224">亦莊開發區</li> </ol> <p> <input id="Button1" type="button" value="button" onclick="buttonClick()" /></p> </body> </html>
- Edited by ThankfulHeartMVP Monday, December 24, 2012 8:53 AM
-
-
我是要得到 選中 項的值,並且在$.each方法外部也能用
根據我的代碼你自己想想看啊:啓用click事件添加不就可以了?
<!DOCTYPEhtml>
$("ol li").each(function() {
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<scriptsrc="Scripts/jquery-1.8.3.js"></script>
<script>
function buttonClick() {
//使用全局的Array(類似C#中Dictionary保存Key和Value):
var index = 0;
var a = new Array();
$(this).click(function() {
a[$(this).text()] = $(this).attr("value");}
}
// 測試輸出
for (var i in a) {
alert(i+"<===>"+a[i]);
}
}
</script>
</head>
<body>
<olid="selectable">
<liclass="ui-widget-content"value="110101">東城區</li>
<liclass="ui-widget-content"value="110102">西城區</li>
<liclass="ui-widget-content"value="110103">朝陽區</li>
<liclass="ui-widget-content"value=" 110106">豐臺區</li>
<liclass="ui-widget-content"value="110107">石景山區</li>
<liclass="ui-widget-content"value="110108">海淀區</li>
<liclass="ui-widget-content"value="110224">亦莊開發區</li>
</ol>
<p>
<inputid="Button1"type="button"value="button"onclick="buttonClick()"/></p>
</body>
</html>