根据用户输入创建URL

Question

我对Java很新，希望通过在我的工作中应用来学习它。

我想通过下拉列表根据用户输入生成链接。

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

输入1个下拉列表

输入2日

如何串连输入1和2到URL？

Answer 1

你必须得到输入字段的值：

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; 
 
}

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>

代替第二个下拉的选择，你可以使用任何从日期到输入框中。

UPDATE 一个日期例如：

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; 
 
}

Part 1 of URL:<br/> 
 
<select id="partx"> 
 
<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/> 
 
<input type="date" id="party" placeholde="Date"> 
 
<br/> 
 
<button onClick="generateURLX();">Generate URL</button> 
 
<br/> 
 
URL Generated: 
 
<span id="resultx"></span>