求一个美国的 州 市 级联、最好是Jquery 版本的、

Question

美国的州 市、就相当于我们的 省、市(听说)有的朋友麻烦发至[email protected]

Answer 1

级联下拉框JQuery里就有，美国的行政单位肯定是存储成单独的数据，你把数据取出来加载到下拉框里就行了呀

Answer 2

楼主，用jquery EasyUI-tree 可以简单实现。

Answer 3

随便找个英文版本的站点 有会员系统的
facebook
ebay

Answer 4

<form id="form1" name="form1" method="post" action="products_get.php">
    <td width="210" height="196" align="center" valign="top" background="/Treadmill-pic/search-bg.jpg">
      <table width="95%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>      <table width="95%" border="0" cellspacing="0" cellpadding="3">
        <tr>
          <td width="100%" height="33" align="center" valign="middle"><span style="font-weight: bold">产品大类</span>:</td>
          <td width="100%" height="33" align="left" valign="middle">
          <span class="forumRow">
            <select name="SelBClass" style="font-family: 宋体; font-size: 9pt;width:100px;" class="style2" id="BigFl">
              <option value="请选择" >请选择</option>
             {section loop=$BflID name="Bfl"}
      <option value="{$BflID[Bfl]}">{$BflName[Bfl]}</option>
                {/section}
            </select>
          </span>          </td>
        </tr>
        <tr>
          <td width="100%" height="33" align="center" valign="middle"><strong>产品小类</strong>:</td>          <td width="100%" height="33" align="left" valign="middle"><span class="forumRow">
            <select name="SmallFl" class="px12" id="SmallFl" style="width:100px;">
              <option value="请选择">请选择</option>
              
              {section loop="$SflName" name="SFl"}
              
              <option value="{$SflID[SFl]}">{$SflName[SFl]}</option>
              
              {/section}
            
            </select>
          </span></td>
        </tr>
   <td width="100%" height="33" align="center" valign="middle"><strong>产品品牌</strong>:</td>          <td width="100%" height="33" align="left" valign="middle"><label>
<select name="prosel" id="prosel" style="width:100px;">
              <option value="请选择">请选择</option>
            {section loop="$proName" name="proInfo"}
            <option value="{$proID[proInfo]}">{$proName[proInfo]}</option>
            {/section}
          </select>
<div id="kz1"></div>
          </label></td>
        <tr>
          <td width="100%" height="33" align="center" valign="middle"><strong>关&nbsp;键&nbsp;字</strong>:</td>          <td width="100%" height="33" align="left" valign="middle"><label>
            <input name="keywords" type="text" id="keywords" size="15" />
          </label></td>
        </tr>
        <tr>
          <td width="100%" height="33" align="right" valign="middle">&nbsp;</td>
          <td width="100%" height="33" align="left" valign="middle"><label>
            <input type="submit" name="Submit" value="搜 索" />
          </label></td>
        </tr>
      </table>
    </td></form>javascript代码：<script type="text/javascript">
$(function()
{
$("#BigFl").change(
function()
{
   //alert("选择大分类");
   var BigFltxt=$(this).val();
   //alert(BigFltxt);
  
   $("#SmallFl option").remove();
   //查询出与之相应的小分类
  
   $("#kz").load("selSFl.php",{id:BigFltxt},function(responseText)
   {
    //alert(responseText);
    $("#SmallFl").append(responseText);
   });  
   $("#SmallFl option").remove();
   //查询出产品
  
   $("#prosel option").remove();
   $("#kz").load("selProducts.php",{bid:BigFltxt},function(responseText){
   //alert(responseText);
   $("#prosel").append(responseText);
   });
   $("#prosel option").remove();
}
);$("#SmallFl").change(
function()
{
   var SmallFltxt=$(this).val();
  
   //alert(SmallFltxt);
   $("#BigFl option").remove();
  
   $("#kz").load("selBFl.php",{id:SmallFltxt},function(responseText)
   {
    $("#BigFl").append(responseText);
    //alert(responseText);
   });
  
   $("#BigFl option").remove();
  
  
   //查询出产品
  
   $("#prosel option").remove();
   $("#kz").load("selProducts.php",{sid:SmallFltxt},function(responseText){
   //alert(responseText);
   $("#prosel").append(responseText);
   });
   $("#prosel option").remove();
  
  
});$("#prosel").change(
function()
{
   var prosel=$(this).val();
  
   //#查询出大分类
   $("#BigFl option").remove();
  
   $("#kz").load("selBFl.php",{pid:prosel},function(responseText){$("#BigFl").append(responseText);});
  
   $("#BigFl option").remove();
  
   //查询出小分类
   $("#SmallFl option").remove();
  
   $("#kz").load("selSFl.php",{pid:prosel},function(responseText){$("#SmallFl").append(responseText);});
  
   $("#SmallFl option").remove();
}
);$("#form1").submit(function()
{
   var bclass=$("#BigFl").val();
   var sclass=$("#SmallFl").val();
   var prosel=$("#prosel").val();
   var keywords=$.trim($("#keywords").val());
  
   if(bclass=="请选择"&&sclass=="请选择"&&prosel=="请选择"&&keywords=="")
   {
    alert("请选择您要查询的信息");
    return false;
   }
   else
   {
    return true;
   }
  
});
   
});</script>