Question

我正在制作一个包含许多文字字段的表单。某些字段要求输入数字。此表单的目的是可以输入跟踪号或订单号或其他号码，并且每个号码（一旦提交）将在新窗口中加载新URL，并在特定号码中附加特定号码。输入订单号后，我希望表单转到以下地址：website.com/ordernumberfromform

我已经碰壁了，在这个输入上我要求它只是website.com/ordernumberfromforminput即没有id =或其他任何其他只是获取输入的值并附加到/后面的url。我不需要验证来检查输入的数字是否有效等，因为如果是这种情况，它指向的URL会给出错误。只需从文本字段中取出值，然后在URL的末尾/之后将其插入。

还有其他人遇到过这个吗？在这种情况下肯定不需要javascript或服务器端脚本，看起来像是在一个鼹鼠山上建造一座山......我尽力研究这个，但似乎无法找到解决方案。任何方向都会很棒。

下面的

是我的代码示例。

<div id="orderidfield">
<form action="https://www.website.com/" method="get" target="_blank">
<input type="search" name="orderNumber"/>
<!!-- I want this to take an order number and post to the url     (www.url.com/ordernumberthatisentered) It is a simple request but I cannot figure this     out.... it keeps adding in th eid and an = sign -->
</form>
</div>

Answer 1

我使用其他帖子表单并使用javascript更改操作

进行解决方法

http://jsfiddle.net/vf9rb/1/

部分HTML是这样的

<form id="oldform" action="www.example.com">
    <input type="search" name="orderNumber"/>
</form>

<form id="trueform" action="www.example.com" method="post">
</form>

<button type="button">Click Me!</button>

和javascript：

$(function() {
    $("button").click(function(){
        var orderNumber = $("#oldform input").val();
        var oldAction = $("#trueform").attr("action");
        var newAction = oldAction + "/" + orderNumber;
        $("#trueform").attr("action", newAction);
        $("#trueform").submit();
    });
});

Answer 2

尝试将文本字段设置为变量并执行此操作。

open.window（URL）

那应该能得到你想要的东西。

Answer 3

我只给你一个解决方案使用js和html ：你的HTML：

<div id="orderidfield">
<input type="text" name="orderNumber" id="search"/>
    <button onClick="search()">Search</button>
</div>

这是你的脚本

<script type='text/javascript'> 
function search()
{
    var number=document.getElementById("search").value;
    window.open("http://www.url.com/"+number);
}

</script>

这是小提琴：http://jsfiddle.net/piyushkmr/mEfmu/2/

文本字段为url

3 个答案: