獲取點擊列表視圖項目的價值

我在這裏有一個列表視圖的示例代碼，其中包含項目，並且它在點擊一個項目後重定向到另一個頁面，但是我想獲得重定向時我在列表視圖中單擊的項目的值到另一頁。我猜測，這需要一個函數來觸發，以獲得價值，但我不知道從哪裏開始。獲取點擊列表視圖項目的價值

這裏是我的代碼：

<div id="ContentPage" data-role="page" > 

    <div data-role="content"> 
     <ul id="viewlist" data-role="listview" data-filter="true" data-filter-placeholder="Contents" data-inset="true"> 
      <li><a href="#EditPage">apples</li> 
      <li><a href="#EditPage">cats</li> 
      <li><a href="#EditPage">bears</li> 
      <li><a href="#EditPage">cat</li> 
      <li><a href="#EditPage">dog</li> 
      <li><a href="#EditPage">tiger</li> 
      <li><a href="#EditPage">chicken</li> 
     </ul> 
    </div> 

</div> 


<div id="EditPage" data-role="page" > 

    <div data-role="header" data-position="fixed"> 
     <a href="#ContentPage" data-role="button" data-icon="back">BACK</a> 
    </div> 

    <div data-role="content"> 
      //i want to display the item i clicked from the listview here 
    </div> 

</div>

我堅持這個問題，現在又有點困惑。任何幫助或建議將很樂意接受。提前致謝。

來源

2014-02-13 Marc Intes

您可以使用click()處理click事件

$('#viewlist li').click(function(e){ 
    e.preventDefault(); 
    alert($(this).text()); 
});

Fiddle Demo

使用e.preventDefault()上點擊事件發生瀏覽器默認動作。

來源

2014-02-13 06:42:51

謝謝。這是我需要的。標記爲答案。 –

@MarcIntes：很高興幫助:) –

<title></title> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

 <script type="text/javascript"> 


     var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}'; 

         var json_parsed = $.parseJSON(jsonCategory); 

         for (var u = 0; u < json_parsed.Categories.length; u++){ 
          var cars= json_parsed.Categories[u]; 


     $('#categoryList').append('<li data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>'); 

      } 
$('#categoryList').delegate('li', 'click', function() { 
    var x = $(this).data('categoryid'); 
    alert(x); 
}); 

       </script>      


      </ul> 


    </div>

來源

2016-03-28 07:58:58

獲取點擊列表視圖項目的價值

回答

相關問題