1

入力テキスト フィールドとリンクがあります。リンクを押すと、次のような入力フィールドの値を含む URL を取得したいと考えています。

テキストフィールドに書いたらroma、そのページに行きたいですtreatment/exportPDF/roma。

私が試したこと：

<script>
    function getUsername(){
        return $(".username").Text();
    }
</script>
<div  class="container">
    <ul>
        <li>
            <label class="Paragraph">Select a username</label>
            <p>
                <label>Username</label>
                <input name="username" type="text" class="longInput1"/>
                <span class="errorMessage"></span>
            </p>
            <p>
                <a class="smallLink" href="<?php echo URL2; ?>Treatment/exportPDF/"> PDF</a>
            </p>
            <p>
                <a class="smallLink" href="">Excel</a>
            </p>
        </li>
    </ul>
</div>

では、どのようgetUsername()に私のhrefから関数を呼び出すことができますか? 私のスクリプトも間違っていますか？

4

4 に答える 4

3

私のスクリプトも間違っていますか？

はい

$(".username").Text();

次のようにする必要があります。

var value = $("input[name='username']").val();
window.location = "/treatment/exportPDF/" + value;

HTML を次のように変更します。

<a class="smallLink" href="#" onclick="getUsername()"> PDF</a>
  • text(テキストではない) (ほぼ) 等しいinnerHTML
  • valに等しいvalue。
  • .in css selectors はクラス セレクターです。
于 2012-12-21T11:38:45.940 に答える
3

試す

<script>
    function getURL(){
        document.location = "<?php echo URL2; ?>Treatment/exportPDF/"+ $(".username").Text();
    }
</script>
<div  class="container">
    <ul>
        <li>
            <label class="Paragraph">Select a username</label>
            <p>
                <label>Username</label>
                <input name="username" type="text" class="longInput1"/>
                <span class="errorMessage"></span>
            </p>
            <p>
                <a class="smallLink" href="javascript:getURL()"> PDF</a>
            </p>
            <p>
                <a class="smallLink" href="">Excel</a>
            </p>
        </li>
    </ul>
</div>
于 2012-12-21T11:42:10.940 に答える
2

リンクでを使用し、属性でonmousedownリンクを指定して、次のように変更します。hrefonclick

<a href="<?php echo URL2; ?>Treatment/exportPDF/" onmousedown="this.href = this.href + $('[name=username]').val(); this.onmousedown = '';">
于 2012-12-21T11:40:44.457 に答える
1

スクリプトでこのコードを使用します

       <script>
            function getUsername(){
                  alert(document.getElementById("username").value)
                return (document.getElementById("username").value)
            }
      </script>

テキストボックスにIDを与える

          <input id=="username" name="username" type="text" class="longInput1"/>
于 2012-12-21T11:59:17.760 に答える