2012-09-16 13 views
0

演示:http://jsfiddle.net/mjmitche/sTzCS/39/jQuery的:我怎麼訪問此輸入值

我有這種形式與它內部的無序列表。我已經將jquery的sortable()函數附加到列表中,因此用戶可以向上或向下移動表單元素以指示團隊將完成的順序,下面的jquery確定用戶將它們放入的順序。但是,我也爲每個列表元素創建一個輸入字段,以便用戶輸入每個團隊將獲得的點數。

例如,用戶可能將溫尼伯移動到列表頂部,並在輸入字段中輸入值95。因此,溫尼伯將首先完成95分(根據用戶對球隊排名的預測)。

我的問題是,如何以與團隊相關聯的方式訪問每個表單元素的輸入值。例如,如果首先放置溫尼伯,則根據下面的代碼,可以在陣列的result[0]處訪問。但是,我不認爲輸入值是數組的一部分,所以我不知道如何訪問它們。

我能夠訪問使用attribute.first一線隊,但未能獲得積分做attribute.first.child即使輸入值似乎看起來像一個子元素。

我最終希望能夠給每個團隊保存到自己的位置編號數據庫(由排序位置確定)和點(由用戶手動輸入確定)

html 

<form<form id="new_entry"> 
<ul id="sortlist"> 

     <li id="Vancouver">Canucks<input type="text" name="name" id="vanpoints"></li> 
     <li id="Toronto">Toronto<input type="text" name="name" id="torontopoints"></li> 
     <li id="Montreal">Montreal<input type="text" name="name" id="montrealpoints"></li> 
     <li id="Ottawa">Ottawa<input type="text" name="name" id="ottawapoints"></li> 
     <li id="Calgary">Calgary<input type="text" name="name" id="calgarypoints"></li> 
     <li id="Edmonton">Edmonton<input type="text" name="name" id="edmontonpoints"></li> 
     <li id="Winnipeg">Winnipeg<input type="text" name="name" id="winnipegpoints"></li> 
</ul> 
<input type="submit" value="Add"> 
</form>​ 

代碼

$("#sortlist").sortable({ 
    stop: function(event, ui) { 
     result = $("#sortlist").sortable("toArray"); 
     var attributes; 
     attributes = { 
      first: result[0], 
      second: result[1], 
      third: result[2], 
      fourth: result[3], 
      fifth: result[4], 
      six: result[5], 
      seventh: result[6] 

     }; 

     alert(attributes.first.child); 



    } 
});​ 

回答

0

嘗試保存的值作爲哈希來代替:

... 
    first: { team: result[0].id, value: result[0].children()[0].val() } 
... 

,然後訪問的T eam和value分別爲attributes.first.team和attributes.first.value。

+0

謝謝,這是你的code.http://jsfiddle.net/mjmitche/sTzCS/45/小提琴我無法得到它的工作。我給卡爾加里65分,並把它移到頂端,希望它能提醒:alert(attributes.first({team:value}));你能解釋一下如何從團隊中獲得團隊和價值嗎? – BrainLikeADullPencil

+0

但警報甚至不工作現在jsfiddle.net/mjmitche/sTzCS/45 – BrainLikeADullPencil

+0

這個答案不正確,正如http://stackoverflow.com/questions/12444610/jquery-why-isnt-this-alert-射擊 – BrainLikeADullPencil

相關問題