Popup.html(Chrome扩展程序)

问题描述 投票:-2回答:1

[

<!DOCTYPE html>
<html> 
    <h4>Register data</h4>
    <script>
      window.resizeTo(1920, 768) 
    </script>  
  <head>
      <!----Input data fields-->
  <form action="" method="GET">
    <div>
      <label for="first name">First Name</label>
      <input type="first name" name='first name'> 
    </div>
    <div>
      <label for="last name">Last Name</label>
      <input type="last name" name='last name'>
    </div>
    <div>
      <label for="email">E-Mail</label>
      <input type="email" name='email'>
    </div>
    <div>
      <label for="street address">Street Address</label>
      <input type="street address" name='street address'>
    </div>
    <div>
      <label for="house number">House Number</label>
      <input type="house number " name='house number'>
      <div>
        <label for="apartment">Apartment (optional)</label>
        <input type="apartment" name='apartment'>
      </div>
    </div>
    <div>
      <label for="postal code">Postal code</label>
      <input type="postal code" name='postal code'>
    </div>
    <div>
      <label for="city">City</label>
      <input type="city" name='city'>
    </div>

  </head>

      <!---2nd Dropdown if Country...-->
    <head>
      <script>
        function random()
        {
            var a=document.getElementById("input").value;
            if(a==="united states")
            {
                var arr=["Alabama","Alaska","American Samoa","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","District of Columbia","Federated States of Micronesia","Florida","Georgia","Guam","Hawaii","Idaho","Illinois","Indiana","Lowa","Kansas","Kentucky","Luoisiana","Maine","Marshall Islands","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nepraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Carolina","North Dakato","Northern Mariana Islands","Ohio","Oklahoma","Oregon","Palau","Pennsylvania","Puerto Rico","Rhode Islands","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virgin Islands","Virginia","Washington","West Virginia","Wisconsin","Wyoming","Armed Forces Americas","Armed Forces Europe","Armed Forces Pacific"];
            }
            else if(a==="canada")
            {
                var arr=["Alberta","British Columbia","Manitoba","New Brunswick","Newfoundland and Labrador","Northwest Territories","Nova Scotia","Nunavut","Ontario","Prince Edward Island","Quebec","Saskatchewan","Yukon"];
            }
          
            var string="";
          
            for(i=0;i<arr.length;i++)
            {
                string=string+"<option value="+arr[i]+">"+arr[i]+"</option>";
            }
            document.getElementById("output").innerHTML=string;
        }
    </script>
    </head>

      <!---Dropdown Country-->
    <body>
      Country
        <div>
        <select name="" id="input" onchange="random()">
          <option value="albania">Albania</option>
          <option value="algeria">Algeria</option>
          <option value="andorra">Andorra</option>
          <option value="austria">Austria</option>
          <option value="bahrain">Bahrain</option>
          <option value="bangladesh">Bangladesh</option>
          <option value="belarus">Belarus</option>
          <option value="begium">Belgium</option>
          <option value="bhutan">Bhutan</option>
          <option value="bosnia">Bosnia & Heryegovina</option>
          <option value="brunei">Brunei</option>
          <option value="bulgaria">Bulgaria</option>
          <option value="cambodia">Cambodia</option>
          <option value="canada">Canada</option>
          <option value="china">China</option>
          <option value="croatia">Croatia</option>
          <option value="cyperus">Cyperus</option>
          <option value="czechia">Czechia</option>
          <option value="denmark">Denmark</option>
          <option value="egypt">Egypt</option>
          <option value="estonia">Estonia</option>
          <option value="faroe">Faroe Islands</option>
          <option value="finland">Finland</option>
          <option value="france">France</option>
          <option value="germany">Germany</option>
          <option value="gibraltar">Gibraltar</option>
          <option value="greece">Greece</option>
          <option value="greenland">Greenland</option>
          <option value="hong kong sar china">Hong Kong SAR China</option>
          <option value="hungary">Hungary</option>
          <option value="iceland">Iceland</option>
          <option value="india">India</option>
          <option value="indonesia">Indonesia</option>
          <option value="ireland">Ireland</option>
          <option value="israel">Israel</option>
          <option value="italy">Italy</option>
          <option value="japan">Japan</option>
          <option value="jordan">Jordan</option>
          <option value="kuwait">Kuwait</option>
          <option value="laos">Laos</option>
          <option value="latvia">Latvia</option>
          <option value="lebanon">Lebanon</option>
          <option value="libya">Libya</option>
          <option value="liechtenstein">Liechtenstein</option>
          <option value="lithuania">Lithuania</option>
          <option value="luxembourg">Luxembourg</option>
          <option value="macao sar china">Macao SAR China</option>
          <option value="malaysia">Malaysia</option>
          <option value="malta">Malta</option>
          <option value="mexico">Mexico</option>
          <option value="moldova">Moldova</option>
          <option value="monaco">Monaco</option>
          <option value="montenegro">Montenegro</option>
          <option value="morocco">Morocco</option>
          <option value="myanmar (burma)">Myanmar (Burma(</option>
          <option value="nepal">Nepal</option>
          <option value="netherlands">Netherlands</option>
          <option value="new zealand">New Zealand</option>
          <option value="north macedonia">North Macedonia</option>
          <option value="norway">Norway</option>
          <option value="omanm">Oman</option>
          <option value="parkistan">Parkistan</option>
          <option value="palestinian territories">Palestinian Territories</option>
          <option value="poland">Poland</option>
          <option value="portugal">Portugal</option>
          <option value="qatar">Qatar</option>
          <option value="romania">Romania</option>
          <option value="saudi arabia">Saudi Arabia</option>
          <option value="singapore">Singapore</option>
          <option value="slovakia">Slovakia</option>
          <option value="slovenia">Slovenia</option>
          <option value="south korea">South Korea</option>
          <option value="spain">Spain</option>
          <option value="sri lanka">Sri Lanka</option>
          <option value="sweden">Sweden</option>
          <option value="switzerland">Switzerland</option>
          <option value="syria">Syria</option>
          <option value="taiwan">Taiwan</option>
          <option value="thailand">Thailand</option>
          <option value="timor-leste">Timor-Leste</option>
          <option value="tunisia">Tunisia</option>
          <option value="turkey">Turkey</option>
          <option value="ukraine">Ukraine</option>
          <option value="united arab emirates">United Arab Emirates</option>
          <option value="united kingdom">United Kingdom</option>
          <option value="united states">United States</option>
          <option value="vatican city">Vatican City</option>
          <option value="vietnam">Vietnam</option>
          <option value="yemen">Yemen</option>
        </select>
       </div>
       <!---Dropdown use-->
       <div>
        <select id="output" onchange="random()">
     </div>

      
     
  
         
       
      
       <!--VARIABLES-->
      




    </body>
  </form>
  

  
  
 
    
</html>

] 1嗨,

我的popup.html有问题。因此,我创建了一个下拉列表(国家/地区)(当选择美国时会打开另一个下拉列表)(州)。还提供了此版本的实时版本。

[这是我的问题,如果我在Chrome选项卡中选择US,它通常会打开第二个下拉菜单,但是如果我尝试使用(我认为这是弹出窗口(已安装Extension(在右上角))),则没有任何反应。

[请尝试说明它易于理解。谢谢。

提前谢谢您

html popup popupwindow
1个回答
0
投票

所以我找到了问题,但无法解决。最初,我尝试将弹出窗口中的按钮链接到该html,但仍然无法正常工作,因此我尝试并尝试了一下,发现弹出窗口中的按钮是问题所在,因为当我删除href时,它可以正常工作。

© www.soinside.com 2019 - 2024. All rights reserved.