2015-10-05 79 views
-3

如何在拖動數據時獲取td值?謝謝你,我需要幫助。
獲取數值數據​​javascript

這裏的JavaScript:

<script> 
$(function() { 
$("#sortable1, #sortable2").sortable({ 
connectWith: ".connected" 
}); 
$("#sortable1, #sortable2").disableSelection(); 
$("#sortable1, #sortable2").sortable({ //here i want to alert the value when stop dragging 
stop: function(event, ui) { 
var val1 = $("td").innerHTML; 
alert(val1); 
} 
}); 
}); 
</script> 

這裏html代碼:

<?php if(!empty($query)){?> 
<table id="todo" name="todo" class="table table-bordered" style='width:150px'><thead> 
<tr> 
<th style="text-align:center;background-color:#eee">TO DO</th> 
</tr> 
</thead>    
<tbody id="sortable1" class="connected"> 
<?php foreach($query as $row):?> 
<tr> 
<td style="width:150px;background-color:#eee" id="<?php echo $row->list;?>" name="<?php echo $row->list;?>" value="<?php echo $row->list;?>"><?php echo $row->list;?></td> 
</tr> 
<?php endforeach;}?> 
</tbody> 
</table> 
<table id="today" name="today" class="table table-bordered" style='width:150px'> 
<thead> 
<tr> 
<th class="ui-state-highlight" style="text-align:center">TODAY</th> 
</tr> 
</thead> 
<tbody id="sortable2" class="connected"> 
</tbody> 
</table> 

我不知道我的錯。請給我一個答案。

回答

-1

更換

var val1 = $("td").innerHTML; 

隨着

var val1 = $("td").val(); 

http://api.jquery.com/val/

+0

val()for td ... sure ?? –

0

更換這裏

var val1 = $("td").first().html();//first() to ensure only 
+0

但它也獲得第一價值,那麼如何獲得另一個價值?不僅僅是第一個TD,謝謝 –

+0

,正如我在你的例子中看到的那樣,如果你調用所有td的html,它將會產生多重性 –

+0

不是所有的td,我的意思是在拖動時調用TD,只是把價值拖到TD TD –

0

stop:事件偵聽器,嘗試以下東西:

stop: function(event, ui) { 
    var val1 = $(ui.item).html(); //ui.item is a jQuery object representing the current dragged element 
    alert(val1); 
} 
+0

謝謝,我找到了答案: 'start:function(event,ui){val1 = $(ui.item).find('td')。attr('id'); }, stop:function(event,ui){alert(document.getElementById(val1).innerHTML); }' –

+0

確實需要將代碼添加到'start:'處理程序中嗎?我認爲'stop:'就足夠了''(ui.item)''也可以在'stop:'中使用。 – vijayP

+0

是的,在開始我把ID,然後停止我把該ID從innerHTML –