php - 单击链接时，HTML将输入文本化值加入href

Question

我有一个输入文本字段和一个链接，当按下链接时，我想获取一个包含输入字段值的 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调用函数呢？我的脚本也错了吗？

Answer 1

我的脚本也错了吗？

是的

$(".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。
• .在 css 选择器中是一个类选择器。

Answer 2

尝试

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

Answer 3

您想onmousedown在链接上使用 an，在属性中指定链接href，然后修改它onclick，如下所示：

<a href="<?php echo URL2; ?>Treatment/exportPDF/" onmousedown="this.href = this.href + $('[name=username]').val(); this.onmousedown = '';">

Answer 4

在您的脚本中使用此代码

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

并将 id 提供给文本框

          <input id=="username" name="username" type="text" class="longInput1"/>