使用jquery在链接上插入链接ID作为表单值

时间:2012-03-26 16:23:09

标签: jquery

我有一堆带有类名行的链接。我正在尝试做的是,当您单击其中一个具有该行类的链接时,它会抓取其id的值,并将其插入到表单上的文本输入中。

jQuery的:

$(function(){
    $(".rowd").click(function() {
        $("#esptotal").val( this.id()  );
    });
});

要查看该页面,您可以访问此链接:http://tinyurl.com/c36s8rm

4 个答案:

答案 0 :(得分:4)

this.id()

更改this.id
$(function(){
    $(".rowd").click(function(e){
      $("#esptotal").val(this.id);
      e.preventDefault();
    }); 
});

答案 1 :(得分:0)

你可以这样做:

$(function(){
    $(".rowd").click(function(){
        $("#esptotal").val( $(this).attr('id')  );
    }); 
});​

答案 2 :(得分:0)

当然没问题:

$('.rowd').click(function(e){
    e.preventDefault();
    $('#esptotal').val($(this).attr('id'))
});

请看这里的小提琴: http://jsfiddle.net/yEwNm/

答案 3 :(得分:0)

我会更改我的标记以使用一些html5数据属性。我认为这更像你要做的事情。或者你可以从跨度中获取成本。

<a href="#" class="row" data-cost="259.99">
    <div class="col4">$6001-$7000.99</div> 
    <span class="col3">$259.99</span>
    <br class="clear">
</a>


$(".row").click(function(e){
    e.preventDefault();
    $("#esptotal").val( $(this).data("cost")  );
}); 

$(".row").click(function(e){
    e.preventDefault();
    $("#esptotal").val( $(this).children(".col3").val()  );
});