ユーザー入力に基づいてURLを作成します。

Question

私はJavaには非常に慣れています。

私は、ドロップダウンリストを介してユーザの入力に基づいてリンクを生成するようになります。

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

1つのドロップダウンリストの入力は

入力2は、私がURLに入力1と2を連結するにはどうすればよいの日付

のですか？

Answer 1

あなたが入力フィールドの値を取得する必要があります。2番目のドロップダウンの代わりに

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>