国家选择控件

偶对javascript不熟!要求单击一个文本框出现一个下拉框,选择国家,文本框中出现相应的国家名字!请高手门指点一下就行!

解决方案 »

  1.   

    是combobox，可以看看梅老大的，也可以看看jk的，都非常适合你！
      

  2.   

    to:liuquanyi(大狗)
    我没看懂你说的是什么意思!什么梅老大啊?jk又是谁啊?能否讲清楚啊!
      

  3.   

    <select>
      <option>中国</option>
      ... ...
    </select>
      

  4.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title>
    </head>
    <script language=javascript>var provinceArray=new Array();
    provinceArray[0]=new Array();
    provinceArray[0].countryCode="cn";
    provinceArray[0].provinceCode="湖南";
    provinceArray[0].provinceName="湖南";
    provinceArray[1]=new Array();
    provinceArray[1].countryCode="cn";
    provinceArray[1].provinceCode="江西";
    provinceArray[1].provinceName="江西";
    provinceArray[2]=new Array();
    provinceArray[2].countryCode="cn";
    provinceArray[2].provinceCode="广东";
    provinceArray[2].provinceName="广东";
    provinceArray[3]=new Array();
    provinceArray[3].countryCode="usa";
    provinceArray[3].provinceCode="Washington";
    provinceArray[3].provinceName="Washington";
    provinceArray[4]=new Array();
    provinceArray[4].countryCode="usa";
    provinceArray[4].provinceCode="California";
    provinceArray[4].provinceName="California";var cityArray=new Array();
    cityArray[0]=new Array();
    cityArray[0].countryCode="cn";
    cityArray[0].provinceCode="湖南";
    cityArray[0].cityCode="860731";
    cityArray[0].cityName="长沙";
    cityArray[1]=new Array();
    cityArray[1].countryCode="cn";
    cityArray[1].provinceCode="广东";
    cityArray[1].cityCode="860755";
    cityArray[1].cityName="深圳";
    cityArray[2]=new Array();
    cityArray[2].countryCode="cn";
    cityArray[2].provinceCode="广东";
    cityArray[2].cityCode="86020";
    cityArray[2].cityName="广州";
    cityArray[3]=new Array();
    cityArray[3].countryCode="usa";
    cityArray[3].provinceCode="California";
    cityArray[3].cityCode="10005";
    cityArray[3].cityName="Sacramento";
    function countryChangeFun()
    {
    var countryCodeObj=document.frm.countryCode;
    document.frm.countryName.value=countryCodeObj.options[countryCodeObj.selectedIndex].countryName;
    var provinceCodeObj=document.frm.provinceCode;
    provinceCodeObj.options.length=1;
    provinceChangeFun();
    for(var i=0;i<provinceArray.length;i++)
    {
    if(provinceArray[i].countryCode==countryCodeObj.value)
    {
    var tempOption=new Option(provinceArray[i].provinceName,provinceArray[i].provinceCode);
    tempOption.provinceName=provinceArray[i].provinceName;
    provinceCodeObj.options[provinceCodeObj.length]=tempOption;
    }
    }
    }function provinceChangeFun()
    {
    var countryCodeObj=document.frm.countryCode;
    var provinceCodeObj=document.frm.provinceCode;
    if(provinceCodeObj.selectedIndex<0) provinceCodeObj.selectedIndex=0; 
    document.frm.provinceName.value=provinceCodeObj.options[provinceCodeObj.selectedIndex].provinceName;
    var cityCodeObj=document.frm.cityCode;
    cityCodeObj.options.length=1;
    cityChangeFun();
    if(provinceCodeObj.value=="") return ; for(var i=0;i<cityArray.length;i++)
    {
    if(cityArray[i].provinceCode==provinceCodeObj.value && cityArray[i].countryCode==countryCodeObj.value)
    {
    var tempOption=new Option(cityArray[i].cityName,cityArray[i].cityCode);
    tempOption.cityName=cityArray[i].cityName;
    cityCodeObj.options[cityCodeObj.length]=tempOption;
    }
    }}function cityChangeFun()
    {
    var cityCodeObj=document.frm.cityCode;
    if(cityCodeObj.selectedIndex<0) cityCodeObj.selectedIndex=0; 
    document.frm.cityName.value=cityCodeObj.options[cityCodeObj.selectedIndex].cityName;}//以下代码的目的是：前进后退到本页面时能保存上次输入的值
    window.onbeforeunload = function()
    {
    document.frm.defaultProvinceCode.value=document.frm.provinceCode.value;
    document.frm.defaultCityCode.value=document.frm.cityCode.value;
    }window.onload = function()
    {
    countryChangeFun();
    document.frm.provinceCode.value=document.frm.defaultProvinceCode.value;
    provinceChangeFun();
    document.frm.cityCode.value=document.frm.defaultCityCode.value;
    cityChangeFun();
    }
    </script><body>
    <form name=frm>
    Country:
    <select name=countryCode style="width:120" onchange="countryChangeFun();">
      <option value="" countryName=""></option>
      <option value="cn" countryName="China">China</option>
      <option value="usa" countryName="America">America</option>
    </select>
    <input name=countryName><br>
    Province
    <select name=provinceCode style="width:120"  onchange="provinceChangeFun();">
      <option value="" provinceName=""></option>
    </select>
    <input name=provinceName>
    <input type=hidden name=defaultProvinceCode value="">
    <br>
    City
    <select name=cityCode style="width:120"  onchange="cityChangeFun();">
      <option value="" cityName=""></option>
    </select>
    <input name=cityName>
    <input type=hidden name=defaultCityCode value=""></form>
    <a href="about:blank">Link to other page to test "History Back".</a></body></html>
      

  5.   

    Sorry,好像是贴错了。
    楼主需要的，难道不就是一个下拉框吗？
    正如：
     回复人： lr2651(戎 The Two Towers)
      

  6.   

    昏这样写不把人写死 做成div的 数据在数据库里面做 见2个表 很容易实现的