使用href Jquery的值更新输入

时间:2014-12-12 00:36:22

标签: javascript jquery

我的链接:

<a href="<?php echo $r['price']; ?>" id="buyorderprice" value=""><?php echo $r['price']; ?></a>

和我的非工作jquery:

$('a[href="buyorderprice"]').click(function(){
$('#sellprice').val($('#buyorderprice').attr('href'))

});

价格值只是一个有效的数字。此外,当我点击按钮时,我不想重新加载页面,只需更新sellprice输入即:

<input type="text" class="form-control" id="sellprice" name="sellprice" value="<?php echo
$coinTicker->price($coin2[1] , 'sell'); ?>">

cointicker是随机数的默认值

3 个答案:

答案 0 :(得分:0)

尝试......

$("#buyorderprice").click(function() {
    $('#sellprice').val($('#buyorderprice').attr('href'));
});

...因为#buyorderprice是id。

为了使其更加可行,请将href更改为读取href="#"并使用值...

<a href="#" id="buyorderprice" data-value="<?php echo $r['price']; ?>"><?php echo $r['price']; ?></a>

...然后您不必担心将尝试导航到价格的默认锚点功能。然后,这条线将变成......

$('#sellprice').val($('#buyorderprice').data('value'))

答案 1 :(得分:0)

使用javascript / Vanilla JS,您可以这样实现:

var a  = document.getElementById('buyorderprice');
a.addEventListener('click',setValueNow);

function setValueNow(e) {
e.preventDefault();
var b = document.getElementById('sellprice').value = document.getElementById('buyorderprice').getAttribute('href');
}

<强> Here's a DEMO

答案 2 :(得分:0)

输入的值已更改,但随后您的页面将重新加载,并且您看不到更改的内容。因此,当您单击按钮时,需要停止重新加载页面。

以下是执行此操作的代码:

$("#buyorderprice").click(function(e) {
    e.preventDefault();
    $('#sellprice').val($('#buyorderprice').attr('href'));
});

jsFiddle demo here