如何基于HTML/JavaScript中的用户输入（文本框/下拉列表）构建网站URL？

我对HTML和JavaScript非常陌生

我需要你的帮助来构建一个基于HTML/JavaScript文本框输入的网站URL

我正在寻找一个HTML/JavaScript代码，允许用户 1从下拉列表中选择一个选项 2.输入一个数字

应使用哪个URL生成URL

例如： 下拉列表有年份可供选择，用户可选择2014年 在文本框中，用户输入的数字为1234

下面是我拥有的和平代码，但无法获得期望的结果：

<select name="SelectYear">
<option value="13" ID="13">2013</option>
<option value="12" ID="12">2012</option>
</select>

<select name="SelectMonth">
<option value="J" ID="J">June</option>
<option value="D" ID="D">December</option>
</select>

<input type="text" name="EnterRollNum" ID="EnterRollNum">

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
    var iYear = $("select#SelectYear").val()
    var iMonth = $("select#SelectMonth").val()
    var iRollNum = $("select#EnterRollNum").val()

    document.getElementById("demo").innerHTML = <a href="some-website.com/url?year=iMonth&iYear&number=N&iRollNum&get=details"> Link </a>
}
</script>

非常感谢您的帮助

<form id="myForm" action="some.php" method="GET">
<select name="SelectYear">
<option value="13" ID="13">2013</option>
<option value="12" ID="12">2012</option>
</select>

<select name="SelectMonth">
<option value="J" ID="J">June</option>
<option value="D" ID="D">December</option>
</select>

    <input type="text" name="EnterRollNum" ID="EnterRollNum" />
    <input type="submit" value="submit" />
</form>
<p id="demo"></p>
<script>
$('#myForm').submit(function(e){
    e.preventDefault();
    var url = $(this).attr('action')+'?'+$('#myForm').serialize();
    $('#demo').html('<a href="'+url+'"> Link </a>');
});
</script>

你可以看到工作小提琴-

---

希望这有帮助

使用GET方法提交输入字段的详细信息。嗨，gaurav，你能展示一个示例代码吗？感谢您更新了我试图实现的代码hi@Gaurav，感谢您的快速回复。。。在这里，我需要构建完整的URL，比如webiste.com/some.php？SelectYear=13&SelectMonth=J&EnterRollNum=a，并且应该是网页上的可点击链接。。。。可能吗？我分享的代码，它可以打印文本而没有任何麻烦，但无法打印网页上的链接。。。。不确定是否可能。您希望在哪里看到该链接？非常感谢您调查我的问题。。。对不起，高拉夫，也许我没有明确解释。我正在生成一个不同网站的链接。例如，我有一个网站abc.com，html/javascript将在abc.com网站上执行，但生成的链接应该类似于xyz.com/some.php？SelectYear=13&SelectMonth=J&EnterRollNum=a。我试过编辑，但没有用词。不确定丢失了什么。链接仍为。然而，alerturl；将所需链接显示为abc.com/someurl.php？SelectYear=13&SelectMonth=J&EnterRollNum=123。谜题是如何使链接具有所需的url？它是小提琴，因此链接是，当您在应用程序中使用此代码时，它将正常工作，警报链接是当您使用此代码时显示的链接，