Question

基本上，我们有两个表单字段，要求用户向我们提供两个字母数字字符串，并且需要从两个字符串构造一个URL。但是，URL的基本结构需要保留。

用户将在我们网站的两个文本字段中输入所请求的数字，然后单击提交按钮。此时，输入数据需要插入URL并在浏览器中打开。

示例：URL.com/FixedData + UserEntry1 + FixedData + UserEntry2 - UserEntry1＆amp; UserEntry2将插入固定数据之间。

完成的网址显示为：http://URL.com/FixedDataUserEntry1FixedDataUserEntry2

Answer 1

你几乎回答了你的问题。

<强> HTML

<input id='UserEntry1' type='text'>
<input id='UserEntry2' type='text'>

<强>的Javascript

var URLBase = "http://URL.com/fixeddata1";
var TrailingFixedData = "fixeddata2";

finalURL = URLBase + document.getElementById('UserEntry1').value + TrailingFixedData + document.getElementById('UserEntry2').value;

或者如果你正在使用jQuery：

finalURL = URLBase + $('#UserEntry1').val() + TrailingFixedData + $('#UserEntry2').val();

Answer 2

http://jsfiddle.net/4M3q3/

HTML：

<input id="one"><input id="two">
<button id="open">Open</button>

JS：

$('#open').click(function() {
    var fixedData1 = 'http://www.google.com/#q=',
        fixedData2 = '+',
        userEntry1 = $('#one').val(),
        userEntry2 = $('#two').val();

    var newWindow = window.open(fixedData1 + userEntry1 + fixedData2 + two, '_blank');
    newWindow.focus();
});

从两个表单域中构建URL

2 个答案: