如何在我選擇之前選擇一個元素

-2

這樣的事情，如何使我的輸入：隱藏在點擊之前獲取默認值。如何在我選擇之前選擇一個元素

這是我的代碼：

<!DOCTYPE html> 
     <html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <style type="text/css"> 
    .choose { 
    color: red; 
    } 
    span.google a { 
    margin-right: 10px; 
    text-decoration: none; 
    } 
    </style> 
    <script type="text/javascript" src="../jquery-1.10.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
    $('.google').on('click', 'a', function(e) { 
     var obj = $('.google a'); 
      $(this).toggleClass('choose').siblings().removeClass('choose'); 
      var selectVal = $(this).text(); 
      var selectId = $(this).data('id'); 
      $('input[type="hidden"]').val(selectVal); 
      $('input[type="hidden"]').attr('data-id', selectId); 
    }); 
    }); 
    </script> 
    </head> 
    <body> 
    <span class="google"> 

    <a href="javascript: void(0);" data-id="1">google</a> 
    <a href="javascript: void(0);" data-id="2">yahoo</a> 
    <a href="javascript: void(0);" data-id="3">facebook</a> 
    </span> 
    <input type="hidden" name="send" value="" data-id="" /> 
    <!-- //here is an input to contain the data-id from one of element a --> 
    </body> 
    </html>

嘗試了很多次後，我解決不了。幫我！這是我在jsfiddle上的代碼：http://jsfiddle.net/WbPEV/

現在我檢查我的問題clean.Pardon我的英語弱！你能幫我嗎？

來源

2013-08-12 Jackyhua

什麼是「data-id」...？ –

像，將其數據輸入到輸入 – Jackyhua

試試這個

$(function() { 
    $('.google').on('click', 'a', function(e) { 
     var obj = $('.google a'); 
     $(this).toggleClass('choose').siblings().removeClass('choose'); 
     $('#inputElement').val($(this).data("id")); 
     console.log($(this).get()); 
    }); 
});

您更新的jsfiddle：

http://jsfiddle.net/zahirdhada/WbPEV/3/

來源

2013-08-12 07:12:14 zahirdhada

您的理解不是我的意思，您能否再次看到它，謝謝！ – Jackyhua

您是什麼意思「默認值點擊「？ – zahirdhada

默認值意味着在點擊之前，首先選擇一個元素，元素獲取其data-id和a.text。這是我的意思 – Jackyhua