Question

我有一个输入文本字段和一个链接，当按下链接时我想得到一个包含输入字段值的网址，如下所示：

如果我在文本字段上写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>

那么如何从 href 中调用函数getUsername()？我的剧本也错了吗？

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，在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"/>

单击链接时，HTML将输入文本字段值连接到href

4 个答案: