三级联动实现籍贯取值问题，求指点？！
有谁帮忙实现一个省市区的籍贯三级联动啊，jsp的，还有，关键是我怎么取出用户所选的那个籍贯的具体值存入数据库，网上可以下到许多三级联动的，但都无法对其表单取值...
有谁帮忙实现一个省市区的籍贯三级联动啊，jsp的，还有，关键是我怎么取出用户所选的那个籍贯的具体值存入数据库，网上可以下到许多三级联动的，但都无法对其表单取值
展开
2个回答
展开全部
我不知道你是想取value值还是text的值,但我测试了下,是能取到的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
省：<select id="province" onchange="setCity(this.value);getArea();" name="province" style="width: 96px" runat="server">
<option value="">--请选择省份--</option></select>
市：<select id="city" onchange="setCounty(this.value);getArea();" name="city" style="width: 96px" runat="server"><option value="" selected="selected">--请选择城市--</option></select>
县：<select id="county" name="county" style="width: 96px" runat="server" onchange="getArea();">
<option value="" selected="selected" >--请选择地区--</option></select>
<input type=button onclick="test()" value="test">
<input type="hidden" name="area" id="area" value="什么都没有"/>
<input type="hidden" name="area1" id="area1" value="什么都没有"/>
<input type="hidden" name="area2" id="area2" value="什么都没有"/>
<script type="text/javascript">
var areaData = "110000|北京市,110100|市辖区,110101|东城区,110102|西城区,110103|崇文区,110104|宣武区,110105|朝阳区,110106|丰台区,110107|石景山区,110108|海淀区,110109|门头沟区,110111|房山区,110112|通州区,110113|顺义区,110114|昌平区,110115|大兴区,110116|怀柔区,110117|平谷区,110200|县,110228|密云县,110229|延庆县";
fillCity();
setArea();
function test(){
alert(document.getElementById("province").value);
alert(document.getElementById("city").value);
alert(document.getElementById("county").value);
alert(document.getElementById("province").options[document.getElementById("province").selectedIndex].text);
alert(document.getElementById("city").options[document.getElementById("city").selectedIndex].text);
alert(document.getElementById("county").options[document.getElementById("county").selectedIndex].text);
}
function fillCity()
{
aCity = areaData.split(",");
var j = 1;
for (i = 1; i <= aCity.length; i++)
{
if (aCity[i - 1].substring(2, 6) == "0000")
{
document.getElementById("province").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
}
function setCity(provinceCode)
{
var j = 1;
var provinceCode = provinceCode / 10000;
for (i = 1; i <= aCity.length; i++) {
if (aCity[i - 1].substring(0, 2) == provinceCode && aCity[i - 1].substring(2, 6) != "0000" && aCity[i - 1].substring(4, 6) == "00") {
document.getElementById("city").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
document.getElementById("city").length = j;
setCounty('000000');
}
function setCounty(cityCode) {
var j = 1;
var cityCode = cityCode / 100;
for (i = 1; i <= aCity.length; i++) {
if (aCity[i - 1].substring(0, 4) == cityCode && aCity[i - 1].substring(4, 6) != "00") {
document.getElementById("county").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
document.getElementById("county").length = j;
}
function getArea()
{
if (document.getElementById("province").value != "") {
document.getElementById("area").value=document.getElementById("province").options[document.getElementById("province").selectedIndex].text;
}
else
{
document.getElementById("area").value="什么都没有";
}
if (document.getElementById("city").value != "") {
document.getElementById("area1").value=document.getElementById("city").options[document.getElementById("city").selectedIndex].text;
}
else
{
document.getElementById("area1").value="什么都没有";
}
if (document.getElementById("county").value != "") {
document.getElementById("area2").value=document.getElementById("county").options[document.getElementById("county").selectedIndex].text;
}
else
{
document.getElementById("area2").value="什么都没有";
}
}
function setArea()
{
for (i = 1; i <= document.getElementById("province").length; i++) {
if (document.getElementById("province").options[i - 1].value.substring(0, 2) == document.getElementById("area").value.substring(0, 2)) {
document.getElementById("province").selectedIndex = i - 1;
}
}
setCity(document.getElementById("province").value);
for (i = 1; i <= document.getElementById("city").length; i++) {
if (document.getElementById("city").options[i - 1].value.substring(0, 4) == document.getElementById("area").value.substring(0, 4)) {
document.getElementById("city").selectedIndex = i - 1;
}
}
setCounty(document.getElementById("city").value);
for (i = 1; i <= document.getElementById("county").length; i++) {
if (document.getElementById("county").options[i - 1].value == document.getElementById("area").value) {
document.getElementById("county").selectedIndex = i - 1;
}
}
}
</script>
<%
System.out.println(province);
%>
</BODY>
</HTML>
你直接把这个代码做成个文件就看见了
第二个问题,你可以用hidden做个隐藏域然后用js放进去就好,还是说你想直接显示到页面上?那个用document.getElementById().innerHTML就好了用div实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
省：<select id="province" onchange="setCity(this.value);getArea();" name="province" style="width: 96px" runat="server">
<option value="">--请选择省份--</option></select>
市：<select id="city" onchange="setCounty(this.value);getArea();" name="city" style="width: 96px" runat="server"><option value="" selected="selected">--请选择城市--</option></select>
县：<select id="county" name="county" style="width: 96px" runat="server" onchange="getArea();">
<option value="" selected="selected" >--请选择地区--</option></select>
<input type=button onclick="test()" value="test">
<input type="hidden" name="area" id="area" value="什么都没有"/>
<input type="hidden" name="area1" id="area1" value="什么都没有"/>
<input type="hidden" name="area2" id="area2" value="什么都没有"/>
<script type="text/javascript">
var areaData = "110000|北京市,110100|市辖区,110101|东城区,110102|西城区,110103|崇文区,110104|宣武区,110105|朝阳区,110106|丰台区,110107|石景山区,110108|海淀区,110109|门头沟区,110111|房山区,110112|通州区,110113|顺义区,110114|昌平区,110115|大兴区,110116|怀柔区,110117|平谷区,110200|县,110228|密云县,110229|延庆县";
fillCity();
setArea();
function test(){
alert(document.getElementById("province").value);
alert(document.getElementById("city").value);
alert(document.getElementById("county").value);
alert(document.getElementById("province").options[document.getElementById("province").selectedIndex].text);
alert(document.getElementById("city").options[document.getElementById("city").selectedIndex].text);
alert(document.getElementById("county").options[document.getElementById("county").selectedIndex].text);
}
function fillCity()
{
aCity = areaData.split(",");
var j = 1;
for (i = 1; i <= aCity.length; i++)
{
if (aCity[i - 1].substring(2, 6) == "0000")
{
document.getElementById("province").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
}
function setCity(provinceCode)
{
var j = 1;
var provinceCode = provinceCode / 10000;
for (i = 1; i <= aCity.length; i++) {
if (aCity[i - 1].substring(0, 2) == provinceCode && aCity[i - 1].substring(2, 6) != "0000" && aCity[i - 1].substring(4, 6) == "00") {
document.getElementById("city").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
document.getElementById("city").length = j;
setCounty('000000');
}
function setCounty(cityCode) {
var j = 1;
var cityCode = cityCode / 100;
for (i = 1; i <= aCity.length; i++) {
if (aCity[i - 1].substring(0, 4) == cityCode && aCity[i - 1].substring(4, 6) != "00") {
document.getElementById("county").options[j] = new Option(aCity[i - 1].substring(7, aCity[i - 1].length), aCity[i - 1].substring(0, 6));
j++;
}
}
document.getElementById("county").length = j;
}
function getArea()
{
if (document.getElementById("province").value != "") {
document.getElementById("area").value=document.getElementById("province").options[document.getElementById("province").selectedIndex].text;
}
else
{
document.getElementById("area").value="什么都没有";
}
if (document.getElementById("city").value != "") {
document.getElementById("area1").value=document.getElementById("city").options[document.getElementById("city").selectedIndex].text;
}
else
{
document.getElementById("area1").value="什么都没有";
}
if (document.getElementById("county").value != "") {
document.getElementById("area2").value=document.getElementById("county").options[document.getElementById("county").selectedIndex].text;
}
else
{
document.getElementById("area2").value="什么都没有";
}
}
function setArea()
{
for (i = 1; i <= document.getElementById("province").length; i++) {
if (document.getElementById("province").options[i - 1].value.substring(0, 2) == document.getElementById("area").value.substring(0, 2)) {
document.getElementById("province").selectedIndex = i - 1;
}
}
setCity(document.getElementById("province").value);
for (i = 1; i <= document.getElementById("city").length; i++) {
if (document.getElementById("city").options[i - 1].value.substring(0, 4) == document.getElementById("area").value.substring(0, 4)) {
document.getElementById("city").selectedIndex = i - 1;
}
}
setCounty(document.getElementById("city").value);
for (i = 1; i <= document.getElementById("county").length; i++) {
if (document.getElementById("county").options[i - 1].value == document.getElementById("area").value) {
document.getElementById("county").selectedIndex = i - 1;
}
}
}
</script>
<%
System.out.println(province);
%>
</BODY>
</HTML>
你直接把这个代码做成个文件就看见了
第二个问题,你可以用hidden做个隐藏域然后用js放进去就好,还是说你想直接显示到页面上?那个用document.getElementById().innerHTML就好了用div实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
