根据用户输入创建URL
我对Java很新,希望通过在我的工作中应用来学习它。根据用户输入创建URL
我想通过下拉列表根据用户输入生成链接。
https://example.com/"input1"/testing_"input2"_xx.html
输入1个下拉列表
输入2日
如何串连输入1和2到URL?
你必须得到输入字段的值:
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>
非常感谢你!我想知道如何将日期转换为文本,以便它可以出现在YYYYMMDD而不是日期格式YYYY-MM-DD中。 – Neoexploda
使用'var res = str.split(“ - ”)。join(“”);' – praveena
'str'是你的日期变量。 – praveena
你的问题说成*的Java *,但你的标签说* *的JavaScript。这就像是不确定你的意思是汽车还是地毯。你实际使用哪种语言? – Quentin
请点击*编辑*链接并阅读问题旁边的格式说明。缩进代码以使其可读。使用编辑器中的格式化按钮来提供帮助。 – Quentin
此外您的网址无效。有一个尾随支架 – mplungjan