0
このhtmlドキュメントを作成していて、オーストラリアとニュージーランドの間で選択できるドロップダウンメニューを追加しようとしました。対応する状態が 'Choose States'ドロップダウンに表示されます。HTMLドロップダウンが正しく機能しない
<div id="mydiv2">
<section>
<div style="text-align:center;">
<form name="myFirstForm" autocomplete="on">
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="0">Space left: </meter> 0%
</p>
<fieldset style =" margin-left:-20px; padding-top: 0.35em; padding-bottom:
0.625em; padding-left: 0.75em;">
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="0">Space left: </meter> 0%
</p>
<legend> Register New User</legend>
<div id="mydiv">
<p><label>Username: <input type="text" name="username" placeholder="enter a new username" pattern="[a-zA-Z0-9]{12}" required+"true" onblur="return validateErrors('username','usernameError')" /> </label></p>
</div>
<span id="usernameError" style="display: none;"></span>
<script>
if (!("autofocus" in document.createElement("input"))) {
document.getElementById("username").focus();
}
</script>
<div id="mydiv">
<p><label>Password: <input type="password" name="password" required pattern="[A-Z]{3}-[a-z]{3}" title="###-
### with 3 capitals followed by a - and 3 lower case letters" placeholder="6 digits or more" /> </label></p>
</div>
</fieldset >
<fieldset style =" margin-left:-20px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em;">
<legend> Personal Details</legend>
<legend></legend>
<div id="mydiv">
<p><label>Name: <input type="text" name="Name"
autofocus="autofocus" required="true" placeholder="first and last name" title="Must contain no numbers" /> </label></p>
</div>
<div id="mydiv">
<p><label>Address: <input type="text" name="address" required="true" placeholder="street number and name" /> </label></p>
</div>
<div id="mydiv">
<p><label>Suburb: <input type="text" name="address" required="true" placeholder="suburb" /> </label></p>
</div>
<div id="mydiv">
<p><label>City: <input type="text" name="address" required="true"
placeholder="city" /> </label></p>
</div>
</br>
Select Country: <select id="country" name ="country"></select> <br/><br/>
Select State: <select name ="state" id ="state"></select> <br/>
<script language="javascript">
populateCountries("country", "state"); // first parameter is id of country
drop-down and second parameter is id of state drop-down
populateCountries("country2");
populateCountries("country2");
</script>
<div id="mydiv">
<p><label>Postcode: <input type="text" name="address" required="true"
title="Must be 4 numbers" placeholder="0000" /> </label></p>
</div>
<div id="mydiv">
<p><label>Email: <input type="text" name="address" title="Must contain a @ and a ." placeholder="[email protected]" required="true" pattern="[^@][email protected][^@]+\.[a-zA-Z]{2,6}" /> </label></p>
</div>
<div id="mydiv">
<p><label>Phone: <input type="text" name="address" required="true" title="Must be 10 digits" placeholder="(00)-000-0000" /> </label></p>
</div>
<div id="mydiv">
<p><label>Website: <input type="text" name="address" required="true" title="Must contain a www and a ." placeholder="https://www.example.com.au" />
</label></p>
</div>
<div id="mydiv">
<p><label>Age: <input type="text" name="address" required="true" title="Must be numeric" placeholder="" /> </label></p>
</fieldset>
<fieldset style ="background-color:#4682b4; margin-left: 0px; margin-right:
800px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left:
0.75em;width:100%;">
<p>Spam Check</p>
<p><label>What colour is black?(Choose a colour)<input type="color"
name="carcolor" /></label></p>
<script>
function checkRegistration(){
if(!form_valid){
alert('Given data is not correct');
return false;
}
return true;
}
</script>
<FORM METHOD="LINK" ACTION="Form3.html">
<INPUT TYPE="submit" VALUE="Continue">
</FORM>
</fieldset>
</div>
</form>
</div>
</section>
</body>
</html>
しかし、私が遭遇した問題は、ダイナミックな州や国のドロップダウンが単純に機能していないことと、ほとんどすべてを試していることです。
私がドロップダウンを試しても、うまくいきません。誰かが私が間違っているところを指摘できれば、私はとても感謝しています。おかげさまで