根据用户输入创建网址

时间:2017-03-06 06:31:55

标签: java html

我是Java的新手,希望通过我的工作来学习它。

我想通过下拉列表生成基于用户输入的链接。

https://example.com/"input1"/testing_"input2"_xx.html

  

输入1下拉列表

     

输入2是日期

如何将输入1和2连接到URL?

1 个答案:

答案 0 :(得分:0)

您必须获取输入字段的值:



@IBAction func boxButton(_ sender: Button) {
     sender.isSelected = !sender.isSelected
}

function generateURL()
{
var part1 = document.getElementById('part1').value;
var part2 = document.getElementById('part2').value;
var url = "https://example.com/"+part1+"/"+part2+".html";
document.getElementById('result').innerHTML = url;
}




代替第二个下拉列表,您可以使用从日期到输入框的任何内容。

<强>更新  日期示例:

&#13;
&#13;
Part 1 of URL:<br/>
<select id="part1">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
<option value="four">four</option>
</select>
<br/>
Part 2 of URL:<br/>
<select id="part2">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
<option value="four">four</option>
</select>
<br/>
<button onClick="generateURL();">Generate URL</button>
<br/>
URL Generated:
<span id="result"></span>
&#13;
function generateURLX()
{
var partx = document.getElementById('partx').value;
var party = document.getElementById('party').value;
var urlx = "https://example.com/"+partx+"/"+party+".html";
document.getElementById('resultx').innerHTML = urlx;
}
&#13;
&#13;
&#13;