Заполните форму, нажав текстовую ссылку?

Question

Мне нужен такой код. Это пример, но он не работает в IE7

http://fiddle.jshell.net/Pc4uT

Вот мои ссылки:

1. Ссылка 1
2. Ссылка 2
3. Ссылка 3
4. Ссылка 4
5. Ссылка 5

должен заполнять поле ввода значением ссылки при переходе по ссылкам. Как это: 1,2,3,4,5

Может кто-нибудь помочь мне с этой проблемой?

Answer 1

Используйте jQuery's .click( вместо attr("onclick", ..., чтобы быть совместимым с различными браузерами и не возвращать строку javascript.Вы должны избегать размещения всего, что похоже на скриптинг, внутри строки.Используйте это:

$("a.mylink").each(function(i){
    $(this).click(function(){
         document.getElementById('row1').value += i + ',';
    }); 
});

Answer 2

http://fiddle.jshell.net/Pc4uT/37/ смотри здесь работает

Вам нужно использовать click вместо attr

$("a.mylink").click(function (arr) {
    if($('#row1').val()==''){
        $('#row1').val( $(this).attr('name'));
    }else{
      $('#row1').val( $('#row1').val()+','+$(this).attr('name'));
    }
}); 

и вы можете использовать имя в ссылке, чтобы сохранить номер ссылки

<a class="mylink" name="1">First Link</a>     
    <a class="mylink" name="2">Second Link</a>

Answer 3

Вы можете сохранить значение в атрибуте данных для каждой ссылки:

<a href="#" data-val="1" class="link">Link 1</a>
<a href="#" data-val="2" class="link">Link 2</a>
etc.

Затем вы можете получить значение и вставить его во вход:

$('.link').click(function(){
    $('#input_id').val($('#input_id').val()+', '+$(this).data('val'));
});