0

URL のリストがあります。

localhost/action/add/234
localhost/action/add/244
localhost/action/add/334
localhost/action/add/254

これらの値の前にテキスト ボックスがあり、値がボックスに入力されたら、URL の末尾に追加します。

localhost/action/add/234/test text1
localhost/action/add/244/test text2
localhost/action/add/334/test text3
localhost/action/add/254/test text4

誰かが私にそれを行う方法を説明できますか? を使用してそれを行うことが可能であることがわかりましたが、.val()使用方法がわかりません。

4

3 に答える 3

0

すぐに更新したい場合：

<script>
  $(function(){
    var a = $('#url').text();
    $('#textbox').keyup(function(){
      var b = $('#textbox').val();
      $('#url').text(a + '/test ' + b);
      $('#url').attr('href', a + '/test ' + b);
    });
  });
</script>

<input id='textbox' type='text'></input>
<a href="localhost/action/add/234" id='url'>localhost/action/add/234</a>

ここで重要なのは

  • .keyup()キーボードのキーを離すたびに、イベントを使用して関数を実行します
  • .text()keyupのurl要素のを変更します
  • 'href'リンクがテキストと一致するようにurl要素の属性を変更します

通常.val()、テキストボックス^やドロップダウンなどの入力要素の値を設定/取得するために使用されます

于 2013-02-05T17:37:17.730 に答える