如何在输入框中的链接之前添加数据

时间:2013-07-19 09:15:48

标签: javascript forms

如果你看到下面的代码,我的代码允许用户输入一个带有ip地址的字段,它允许他们远程进入。现在我已经对它进行了修改,所以在IP之后它将信息添加到AFTER的链接但我需要它包括自动编码之前的http:/但我必须将它包含在输入框中,这是我不想要的:

<p>Please fill in the box with your IP address: 
<input type="text" name="prog_site" id="prog_site" value="http://" />
<a href="http://"
    onclick="this.href=(document.getElementById('prog_site').value +
                       '/web/entry/en/websys/atRemote/atRemoteSetupGet.cgi')"
    target="_blank">Let's go!</a></p>

我已经改变了以下的内容了吗?

<p>Please fill in the box with your IP address: 
<input type="text" name="prog_site" id="prog_site" value="http://" />
<a href="http://"
    onclick=".value + 'http:// ',this.href=(document.getElementById('prog_site').value +
                       '/web/entry/en/websys/atRemote/atRemoteSetupGet.cgi')"
    target="_blank">Let's go!</a></p>

2 个答案:

答案 0 :(得分:1)

好的,所以我认为我已经通过在这里和那里修正一些拼写错误来实现它:

<p>Please fill in the box with your IP address: 
    <input type="text" name="prog_site" id="prog_site" value="" />
    <a href="#"
       onclick="this.href = ('http://' + document.getElementById('prog_site').value + '/web/entry/en/websys/atRemote/atRemoteSetupGet.cgi')"
       target="_blank">Let's go!</a>
</p>

测试的小提琴:http://jsfiddle.net/mC4vT/1/

答案 1 :(得分:0)

你可以用相当简单的方式做到这一点。

创建变量$link='http://';,然后将从文本字段中挑选的ip连接起来,然后使用$link作为最终结果。