网页设计里面选择了省份如何能直接对应相对应的城市,而不要把其他多余的城市也显示出来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页设计里面选择了省份如何能直接对应相对应的城市,而不要把其他多余的城市也显示出来相关的知识,希望对你有一定的参考价值。

我想在选择省份这里选择了湖北,然后城市这里只出现湖北省内的城市,不要有岳阳,湘潭,这些湖南的城市,怎么操作。正确答案给满意,最好能用代码做,下面是我的代码:
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select" id="select">
<option value="1">选择省份</option>
<option value="2">湖南</option>
<option value="3">湖北</option>
</select>
</label>
<label>
<select name="select2" id="select2">
<option value="2">武汉</option>
<option value="2">黄冈</option>
<option value="2">孝感</option>
<option value="2">荆门</option>
<option value="2">荆州</option>
<option value="3">长沙</option>
<option value="3">岳阳</option>
<option value="3">湘潭</option>
<option value="1" selected="selected">选择城市</option>
</select>
</label>
</form>
</body>

这属于二级联动菜单,需要使用js来完成。

一般实际中用省,市,县三级联动菜单比较多。
请问你js掌握的如何。
省,市,县三级联动菜单内容比较多,所以可以从网上直接下载一个修改样式后使用
参考技术A <body>
<form id="form1" name="form1" method="post" action="">
    <label>
        <select name="select" id="select">
            <option value="1">选择省份</option>
            <option value="2">湖南</option>
            <option value="3">湖北</option>
        </select>
    </label>
    <label>
        <select name="select2" id="select2">
            <option value="1" selected="selected">选择城市</option>
        </select>
    </label>
</form>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script>
    var cities = 
        1:[
            v: 1, name: "选择城市"
        ],
        2: [
            v: 7, name: "长沙",
            v: 8, name: "岳阳",
            v: 9, name: "湘潭"
        ],
        3: [
            v: 2, name: "武汉",
            v: 3, name: "黄冈",
            v: 4, name: "孝感",
            v: 5, name: "荆门",
            v: 6, name: "荆州"
        ]
    ;
    $("#select").change(function () 
        var province_val = $(this).children('option:selected').val();
        $("#select2").empty();
        if (cities.hasOwnProperty(province_val)) 
            for (var i in cities[province_val]) 
                var city = cities[province_val][i];
                $("#select2").append('<option value="' + city.v + '">' + city.name + '</option>');
            
        
    );
</script>
</body>

参考技术B 你下面的那些就应该写湖北省内的城市名称啊 而不是写的其他生名称追问

但是省份那块,我要写湖南、广东啊这些省份,那么当我单独选到湖北的时候,就出来湖北的城市,但我选到湖南的时候就出现湖南的城市

如何在文本框中验证邮政编码并将相应的州/城市输出与其各自的标签相对应

我正在尝试编写一个非常直接的程序,从我的SQL Server数据库中提取数据。并在文本框中输入的有效邮政编码中输出正确的州和城市。

这是我正在搞乱的一些代码。它显然不起作用我只是尝试。

我能够用一个zip / city相关的所有州填充一个组合框,但就是这样。

// Connection string.
String cnStr;
SqlConnection cn = new SqlConnection();

cnStr = "Data Source=000.00.000.00;Initial Catalog= ;User ID= ;Password= ";

// Assign Connection string to the connection object
cn.ConnectionString = cnStr;

// Open the connection to the SQL Server
cn.Open();

// This statement creates the command object and passes in the SQL statement
// then associates the command to the cn connection object
SqlCommand cmd = new SqlCommand("select distinct state, city from tblZipcodes order by state", cn);

// Open a DataReader
SqlDataReader rdrZip = cmd.ExecuteReader();

cn.Close();

验证在文本框中输入的邮政编码,并将结果状态和城市从SQL Server输出到各自的标签。

答案

总是使用参数,永远不要构建没有参数的SQL查询,因为它会让你的应用程序对sql injection大开。 你应该使用像这样的where子句

var sql = "select distinct state, city from tblZipcodes where zipcode = @ZipCode";

using (SqlCommand cmd = new SqlCommand(sql))
{
    cmd.CommandType = CommandType.Text;
    cmd.Parameters.Add(new SqlParameter("@ZipCode", SqlDbType.VarChar) { Value = myZipCode.Text });

    SqlDataReader rdrZip = cmd.ExecuteReader();
}

如果您的列类型是qazxsw poi而不是SqlDbType.NVarChar,请使用qazxsw poi

以上是关于网页设计里面选择了省份如何能直接对应相对应的城市,而不要把其他多余的城市也显示出来的主要内容,如果未能解决你的问题,请参考以下文章

如何在文本框中验证邮政编码并将相应的州/城市输出与其各自的标签相对应

python实现城市和省份字典(根据城市判断属于哪个省份)

在excel如何用函数把地址中省份、城市、区县单独提取出来?

Echarts 地图 省份的颜色自定义如何设置?

Echarts 地图 省份的颜色自定义如何设置?

抓取网页时html元素找不到