Question

我必须将三个输入值链接到链接。我如何以简单的方式做，我点击我要打开URL的链接。

<html>
    <script type="text/javascript">
        function changeText2(){
        var userInput0 = document.getElementById('userInput').value;
        var userInput11 = document.getElementById('userInput').value;
        var userInput21 = document.getElementById('userInput2').value;
        document.write("userinput");
    }
    </script>

    Here is a link : <a href="/00ON0000000FOHS?pc0=userInput0&pn0=userInput11&pv0=userInput21" >nothing here yet</a> <br/>
    <input type='text' id='userInput' value='Enter Search String Here' />
    <input type='text' id='userInput1' value='Enter Text Here' />
    <input type='text' id='userInput2' value='Enter Text Here' />
    <input type='button' onclick='changeText2()' value='Change Link'/>
</html>

Answer 1

如果你的链接是静态的，你可以在脚本中创建你的href链接，它自己就像：

var link = document.getElementById("test");
link.href = "/00ON0000000FOHS?pc0="+userInput0+"pn0="+userInput11+"pv0="+userInput21;

此处test是您<a>元素的ID 您可以通过附加参数值来创建href链接。

Answer 2

我用一个有效的解决方案写了一个jsFiddle：

http://jsfiddle.net/t8kAS/

请注意，我删除了Button并将事件放在onchange事件上。

$(".jsCustomField").on("change", function() {
    var customLink = linkTemplate.replace("{0}", $input1.val())
                                    .replace("{1}", $input2.val())
                                    .replace("{2}", $input3.val());
    $dynLink.attr("href", customLink);
});

希望这有帮助！

Answer 3

将您的功能更改为：

function changeText2(){
      var userInput0 = document.getElementById('userInput').value;
      var userInput11 = document.getElementById('userInput1').value;
      var userInput21 = document.getElementById('userInput2').value;
      //document.write("userinput");
      window.open("/00ON0000000FOHS?pc0="+userInput0+"&pn0="+userInput11+"&pv0="+userInput21, "_self");
}

如果要在新窗口中打开它，请在window.open的第二个参数中使用“_blank”。

在阅读STO的答案后（这是不准确的）我意识到，你实际上不需要为此使用js。标准的html表单正是为此而构建的。使用这个，不需要js：

<form method='GET' action='/00ON0000000FOHS'>
    <input type='text' id='userInput' name='pc0' value='Enter Search String Here' />
    <input type='text' id='userInput1' name='pn0' value='Enter Text Here' />
    <input type='text' id='userInput2' name='pv0' value='Enter Text Here' />
    <input type='submit' value='Change Link'/>
</form>

输入标记的名称部分将用作参数键，输入到输入字段的值是get请求中的值。

Answer 4

最基于标准的方法是使用带有GET方法的表单

<form method='GET' action='/00ON0000000FOHS?'>
    <input type='text' id='userInput' name='pc0' value='Enter Search String Here' />
    <input type='text' id='userInput1' name=pn0' value='Enter Text Here' />
    <input type='text' id='userInput2' name='pv0' value='Enter Text Here' />
    <input type='submit' value='Change Link'/>
</form>

输入标记的名称部分将用作参数键，输入到输入字段的值是get请求中的值。

我想插入输入值到链接

4 个答案: