拆分URL两次

Question

嗨，我发现了一个Javascript函数，我很喜欢它将用户发送到一个页面，这取决于他们输入的文本字段，并希望实现到我的新网站。唯一的问题是这个代码只放置一个输入字段文本，我想要2!作为一个新手，我需要一些帮助来理解如何实现这一点。

http://www.example.com/ input1 /* input2 *。php

是我想让它输出的。

这是我正在使用的代码。

    <script type="text/javascript">
function getURL(val){
base = 'http://www.example.com/';
exten = '.php';
var split = val.split(" ")
valup = split[0].toUpperCase();
valup2 = valup.replace(/ /, "");
location = base + valup2 + exten;
return false;}
</script>


<form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)">
<label>
    <input type="text" id="suggest1" maxlength=4 size="4" style="color: #fff;" name="url" />
</label>
<label>
    <input type="submit" class="button" name="Submit" value="GO" />
</label>
</form>

Answer 1

您需要获取两个输入的值，并且最好在提交按钮之前完成。

var formElem = document.getElementById('form1');
var input1 = document.getElementById('suggest1');
var input2 = document.getElementById('suggest2');
formElem.onsubmit = function() {
  location = 'http://example.com/' + input1.value + '/' + input2.value + '.php';
};