获取文本框值以在同一页面中创建链接

时间:2012-10-01 14:16:18

标签: javascript ajax

我想创建一个包含以下href属性的链接:

app\process?val=12000

val参数的值(本例中为12000)必须来自页面上文本框的值。

我知道我可以使用$(#textbox).value()来获取值,但我需要在值更改时更改链接。

2 个答案:

答案 0 :(得分:0)

这是您可以尝试的 EXAMPLE

HTML:

<input type="text" id="text"></input>
<button type="button" id="button">Get Link</button>
<br/>
<a href="#">Test Link</a>

jQuery的:

$("#button").on("click", function(){
    param = $("#text").val();
    alert("www.example.com\apps?val=" + param);
    $("a").attr("href", "www.example.com\apps?val=" + param);
});​

在OP中你有$(#textbox).value(),但是有一些问题。首先,选择器需要包含在$("#textbox")之类的引号中,其中textbox是元素的ID。此外,.value()不是jQuery中的函数,实际上是.val()

答案 1 :(得分:0)

<a id="link">this is a link </a>


$('#textbox').change(function(){
    $('#link').attr('href', 'app\process?val=' + this.value);
});