-1

像这样的事情，如何让我的输入：隐藏在点击之前获得一个默认值。

这是我的代码：

<!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/

现在我检查我的问题干净。请原谅我的英语弱！你能帮我吗？

4

2 回答 2

0

请检查

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

我希望它会帮助你。

于 2013-08-12T07:35:43.530 回答
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/

于 2013-08-12T07:12:14.887 回答