2013-08-12 89 views
-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我的英语弱!你能帮我吗?

+1

什么是“data-id”...? –

回答

0

试试这个

$(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/

+0

您的理解不是我的意思,您能否再次看到它,谢谢! – Jackyhua

+0

您是什么意思“默认值点击“? – zahirdhada

+0

默认值意味着在点击之前,首先选择一个元素,元素获取其data-id和a.text。这是我的意思 – Jackyhua

0

请检查

[http://jsfiddle.net/wMWqT/] 

我希望它会帮助你。