Javascript 如何使用下拉列表和复选框中的输入以html显示新网页？_Javascript_Html_Checkbox_Dropdown

Javascript 如何使用下拉列表和复选框中的输入以html显示新网页？

javascript html checkbox

Javascript 如何使用下拉列表和复选框中的输入以html显示新网页？,javascript,html,checkbox,dropdown,Javascript,Html,Checkbox,Dropdown,我不熟悉CSS和java脚本编码。我已经创建了一个网页，根据下拉列表中选择的地点显示酒店。我的网页中有一个首选项部分，其中有许多复选框首选项。我希望它能像用户从下拉列表中选择一个位置一样工作，然后他必须选择他想要的任何复选框首选项，然后新网页就会显示出来。在我的代码中，下拉列表中的输入（place selected）未连接到首选项。如何实现此实现下面是我的html代码： <!DOCTYPE html> <html> <head>

我不熟悉CSS和java脚本编码。我已经创建了一个网页，根据下拉列表中选择的地点显示酒店。我的网页中有一个首选项部分，其中有许多复选框首选项。我希望它能像用户从下拉列表中选择一个位置一样工作，然后他必须选择他想要的任何复选框首选项，然后新网页就会显示出来。在我的代码中，下拉列表中的输入（place selected）未连接到首选项。如何实现此实现

下面是我的html代码：

<!DOCTYPE html>
<html>

    <head>

       <title>Welcome</title>
       <link rel="stylesheet" href="style.css" type="text/css" />
       <script type="text/javascript">
       function is_checked()
       {
        var Pool= document.getElementById('Pool').checked;
        var Gym= document.getElementById('Gym').checked;
        var Beach= document.getElementById('Beach').checked;
        if(Pool==false && Gym==false && Beach==false)
          {
             alert('Please check a category')
             return false;
          }

        else if(Pool==true)
          {
              alert(http://http://localhost/reviews/codeReviews.php)
              return true;
           }
       }

       function formaction(checkbox)
       {
         document.getElementById("myForm").action = checkbox.value;;
        }


      </script>
</head>
    <body background="Tring.jpg">

       <div class="wrapper">
          <div class="heading">
           <h1>Hi</h1>
       </div>
<ul class="navigation">
              <li><a href="#">HOME</a></li>
              <li><a href="#">LOGIN</a></li>
              <li><a href="#">SIGN UP</a></li>
          </ul>
<div id="container">
   <div id="banner">
     <img src="mtp.png">
     <font color="#00e6ac"</font>
   </div>
  </div>

<div id="content">
  <div id="stay"
    <h1>STAY</h1>
    <select onchange="location = this.options[this.selectedIndex].value;">
    <option>Select a place</option>
    <option value="http://localhost/dubai/codeDubai.php">Dubai (UAE)</option>
    <option value="http://localhost/canberra/Code.php">CANBERRA (AUS)</option>
    <option value="http://localhost/newyork/Code.php">NEWYORK (NEW)</option>
    </select>

    <br>
    <p2>Preferences</p2>
  <form action="demo_form.asp" method="get" onsubmit="return is_checked()">
  <input type="checkbox" name="hotel" value="Pool" id="pool"> Pool <br>
  <input type="checkbox" name="hotel" value="Gym" checked="checked"> Gym <br>
  <input type="checkbox" name="hotel" value="Beach" id="Beach"> Beach <br>

  <input type="submit" value="Submit">
   </div>
</body>
</html>

我看到了两个问题，但我不确定这两个问题是否能让你的表单正常工作

function formaction(checkbox)
   {
     document.getElementById("myForm").action = checkbox.value;;
    }

formaction函数需要一个id为“myForm”的对应div才能在HTML中工作

<div id="content">
<div id="stay"
<h1>STAY</h1>


<div id="content">
<div id="stay"
<h1>STAY</h1>