javascript - 同じページにリンクを作成するためのテキストボックス値の取得

Question

href次の属性でリンクを作成したい：

app\process?val=12000

ただし、valパラメータの値（この場合12000）は、ページ上のテキストボックスの値から取得する必要があります。

値を取得するために使用できることはわかってい$(#textbox).value()ますが、値が変更されたときにリンクを変更する必要があります。

Answer 1

これがあなたが試すことができる何かの例です。

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()

Answer 2

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


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