Ajaxを使用して州と市の関連付けを記述すると、住所を追加するときにデフォルトの州と市が表示されます。 - - 選択してください - - ただし、変更する場合、デフォルトで選択されている住所に州と市を作成する方法と、都市のドロップダウンメニュー? [ドロップダウン メニューの項目はデータベースから直接取得され、配列変数に保存され、その変数はドロップダウン ボックスに割り当てられます] js コード: <br> //Ajax エンジン オブジェクトを作成 <br> function getXmlHttpObject(){ <br> var xmlHttpRequest; <br> if(window.ActiveXObject){ <br> xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP"); <br> }else{ <br> xmlHtt pRequest=new <br> <br> <br> 関数 getCities(){ <br> <br> myXmlHttpRequest=getXmlHttpObject(); <br> if(myXmlHttpRequest){ <br> <br> var url=。 ./plus/showcity.php ";//post <br> <br> var data="province="+$("sheng").value; <br> <br> myXmlHttpRequest.open("post",url,true); <br> <br> myXmlHttpRequest. setRequestHeader("Content-Type" ,"application/x-www-form-urlencoded"); <br> <br> myXmlHttpRequest.onreadystatechange=chuli; <br> <br> <br> } <br> } <br> <br> 関数 chuli () { <br> <br> if(myXmlHttpRequest.readyState==4){ <br> <br> if(myXmlHttpRequest.status==200){ <br> //サーバーから返信されたデータを取得します<br> //window.alert(myXmlHttpRequest.responseXML) <br> var city=myXmlHttpRequest.response XML.getElementsByTagName("city "); <br> //alert(cities.length) <br> //都市をトラバースして取り出します<br> $("city").length=0; <br> var myOption=document .createElement("option"); <br> myOption.innerHTML= "--選択してください--"; <br> $("city").appendChild(myOption); i++){ <br> var city_name=cities[i].childNodes [0].nodeValue; <br> //alert(city_name); <br> myOption.value=city_name; innerHTML=city_name; <br> $("city").appendChild (myOption); <br> } <br> } <br> } <br> } <br> <br> function $(id){ <br> <br> return document.getElementById(id) <br> } <br> </script> ; <br /> <br /> HTML コード: <br /> <br /> <form class= "box_form" action="address.php" method="post"> ="truename" onFocus="document.getElementById('sjr').className=' myStyle '"onblur =" document.getElementByid（' sjr '）。classname =' mystyle2 '"value =" {dede：var.rows <label>手机：</label><input type="text" id="sj" name="phone" onFocus="document.getElementById('sj').className='mystyle'" onBlur=" document.getElementById('sj').className='mystyle2'" value="{dede:var.rows.phone/}"/> <br> </fieldset> <br> <フィールドセット> <br> <label>所在地：</label> <br> <select name="province" id="sheng" onchange="getCities()"></select> <option value="">--请选择--</option> <br> {dede:array.province} <br> <option value="{dede:value.id/}">{dede:value.name/}</option> <br> {/dede:array} <br> </select> <br> <name="city" id="city" を選択> <br> <option value="">--请选择--</option> <br> </select> <br> </fieldset> <br> <フィールドセット> <br> <label>详细地址：</label><input type="text" id="xxdz" name="address" onFocus="document.getElementById('xxdz').className='mystyle'" onBlur ="document.getElementById('xxdz').className='mystyle2'" value="{dede:var.rows.address/}"/> <br> </fieldset> <br> <フィールドセット> <br> <label>邮编：</label><input type="text" id="yb" name="zipcode" onFocus="document.getElementById('yb').className='mystyle'" onBlur= "document.getElementById('yb').className='mystyle2'" value="{dede:var.rows.zip/}"/> <br> </fieldset> <br> <フィールドセット> <br> <label>設定は默认：</label><input type="radio" name="selected" value="1" checked="checked"/> 是 <input type="radio" name="sz"/> いいえ <br> </fieldset> <br> <br> <p class="form_btn"><input type="submit" value="保存" id="restore" onclick="check();"/><input type="reset" value ="取消" id="can" /></p> <br> </form> <br> <br> php文件： <br> <br> <?php <br /> require_once (dirname(__FILE__) . "/../include/common.inc.php"); <br /> require_once(DEDEINC.'/dedesql.class.php'); <br /> //服务器端 <br /> //告発浏览器が返されるデータ格式はxml格式 <br /> header("Content-Type: text/xml;charset=utf-8"); <br /> //告诉浏览器不要缓存数据 <br /> header("Cache-Control: no-cache"); <br /> <br /> //受信用户选择省の名前 <br /> $province=$_POST['province']; <br /> <br /> $city = array(); <br /> $dsql->SetQuery("SELECT * FROM エリア WHERE reid=$province"); <br> $dsql->Execute(); <br> $i = 0 ; <br> while($row=$dsql->GetArray()) <br> { <br>$city[] = $row; <br> } <br> $info="<province>" <br> for($l=0; $l //file_put_contents("e:/aa.txt",$city[$l][name],FILE_APPEND); <br> $info.="<city>".$ city[$l][name]."</city>"; <br> $info.="</province>" <br> file_put_contents("e:/aa.txt",$info,FILE_APPEND); <br> echo $info; <br> <br> <br> <br> </p> <p> ディスカッション (解決策) に返信</p> 州の ajax を選択して都市のリストを取得します<br> もう州のリストを変更する必要はありません<h2> </h2> 州の選択方法は? ? <p class="sougouAnswer"> <br> それで驚いたのですが、地方自治体連携ではないんですか？ </p> 選択と保存はもちろんユーザーの責任です <p class="sougouAnswer"></p> <p class="sougouAnswer"> 都道府県と都市を入力するデータベースの Ajax 実装 ドロップダウン ボックスのリンク メニューの例 <br> //Ajax と DropDownList の設定 <br> </asp:ScriptManager> ＆lt：updatepanel id = "updatepanel1"＆gt = "true" SQLConnection SQLCON = ConfigurationManager.Appsetting [conn "]; (); <br> dltbSheng .DataSource= myds; <br> dltbSheng.DataBind(); <br> string strtb_Shi = "select * from dl_Shing='" dltbSheng.SelectedItem.Text + "'"; SqlDataAdapter mydaShi = new SqlDataAdapter(strtb_Shi, sqlcon); <br> ddlShi.DataSource = mydsし〜 sqlcon.Close(); <br> } <br> <br> } <br> protected void dlSheng_SelectedIndexChanged(object sender, EventArgs e) <br> { <br> sqlcon = new SqlConnection(strCon); <br> string sqlstr = "select * from dl_Shi where tbSheng='" + dltbSheng.SelectedItem.Text+ "'"; <br> SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon); <br> DataSet myds = new DataSet(); <br> sqlcon.Open(); <br> myda.Fill(myds); <br> ddlShi.DataSource = myds; <br> ddlShi.DataValueField = "tb_Shi"; <br> ddlShi.DataBind(); <br> sqlcon.Close(); <br> } </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
