通过单击文本链接填写表单?

时间:2011-07-25 15:15:13

标签: jquery internet-explorer-7 onclick

我需要这样的代码。 这是一个例子,但它不适用于IE7

http://fiddle.jshell.net/Pc4uT

Theese是我的链接:

  1. Link 1
  2. Link 2
  3. Link 3
  4. Link 4
  5. Link 5
  6. 单击链接时必须填充带有链接值的输入字段。 像这样:1,2,3,4,5

    有人可以帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:1)

您可以将值存储在每个链接的数据属性中:

<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'));
});

答案 1 :(得分:1)

使用jQuery的.click(代替attr("onclick", ...与不同的浏览器兼容,不返回javascript字符串。你应该避免在字符串中放置任何看起来像脚本的内容。使用此:

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

答案 2 :(得分:1)

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>