![]() |
#2
jlwangchao2011-01-31 14:49
补充:后边缺了一段
</tr> <tr> <td height="25" align="left" bgcolor="#FFFFFF"> 请选择更新方式:<input onclick="checktype(1)" id="rad_1" type="radio" value="1" name="adtype" checked runat="server"/> 对车系或现有单一车型更新 <input onclick="checktype(2)" id="rad_2" type="radio" value="2" name="adtype" runat="server"/> 单一车型更新 <input id="brand" type="hidden" runat="server"/><input id="car" type="hidden" runat="server"/> <ul id="ul_1"> <li><span>车型品牌</span> <select style="width:140px;" id="add_make" onchange="selectbrand(this,'add_brand')"> <option value="">--选择品牌--</option> </select> </li> <li><span>选择车系</span> <select style="width:140px;" id="add_brand" runat="server" onchange="selectcar(this,'add_car');setdate();"> <option value="0">--选择系列--</option> </select></li> <li><span>具体型号</span> <select style="width:140px;" id="add_car" runat="server" onchange="document.getElementById('car').value=$('#add_car').find('option:selected').text();"> <option value="0">--选择车型--</option> </select> </li> </ul> <ul id="ul_2" style="display:none;"><li>具体型号:<input id="txt_car" type="text" runat="server" style="width:300px;" /> 型号需要全称,如:进口凯迪拉克CTS 2010款 CTS 3.0风尚运动版,不能写成:进口凯迪拉克CTS 2010款 </li></ul> </td> </tr> <tr> <td height="25" align="left" bgcolor="#FFFFFF"> <asp:Button ID="btnok" runat="server" Text="开始采集" class="button_style" OnClientClick="return checks();" OnClick="btnok_Click"/> <img src= "images/help_icon.png" alt="" /><a href="http://bbs. target="_blank">车型采集帮助</a> </td> </tr> </table></td> </tr> </table> </div> </form> </body> </html> |
我是新手昨晚弄了一夜也没整明白,希望高手指教,万分感谢。
封装部分暂不考虑。
这是一个三级联动页面,用来采集汽车车型数据。
第一级 在create_make(‘add_make’)中读取。
第二级 有选择时自动传递到setdate() 这时候就可以提交了。
提交变量为隐藏表单brand 和 car
只选到第二级时提交的值 car=0 brand=“选择的第二级”//比如 奔驰下的奔驰c级 brand=“40”
求不用选择,直接采集所有的 brand 值
<%@ Page Language="C#" AutoEventWireup="true" Inherits="********" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www. >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="/js/js.js" language="javascript" type="text/javascript"></script>
<script src="/js/ajax.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function loadinfo(v){}
function create_make(v)
{if(v==undefined)v="select_make";var make=document.getElementById(v);if(make==null)return;var str;for(var i=0;i<bd_1.length;i++)
{str=bd_1[i].split(',');make.options.add(new Option(str[1],str[0]));}}
function selectbrand(obj,v)
{if(v==undefined)v="select_brand";var brand=document.getElementById(v);if(obj.value==""){brand.innerHTML="";brand.options.add(new Option("--选择系列--","0"));return;}
if(brand==null)return;var str;brand.innerHTML="";brand.options.add(new Option("--选择系列--","0"));if(bd_2[obj.value]!=""&&bd_2[obj.value]!=undefined)
{var dd=bd_2[obj.value].split('|');for(var i=0;i<dd.length;i++)
{str=dd[i].split(',');brand.options.add(new Option(str[1],str[0]));}}brand.options[0].selected=true;}
function selectcar(obj,v)
{if(v==undefined)v="select_car";var brand=document.getElementById(v);if(obj.value==""){brand.innerHTML="";brand.options.add(new Option("--选择车型--","0"));return;}
if(brand==null)return;var str;brand.innerHTML="";brand.options.add(new Option("--选择车型--","0"));if(ca_1[obj.value]!=""&&ca_1[obj.value]!=undefined)
{var dd=ca_1[obj.value].split('|');for(var i=0;i<dd.length;i++)
{str=dd[i].split(',');brand.options.add(new Option(str[1],str[0]));}}brand.options[0].selected=true;}
</script>
<script type="text/javascript">
var bd_1=new Array();bd_1[0]='2,A 阿斯顿·马丁';bd_1[1]='7,B 奔驰;bd_2[7]='40,奔驰C级|41,奔驰E级';var bd_3=new Array();bd_3[4]='4';bd_3[602]='602';bd_3[387]='387';</script>
<script type="text/javascript">
var ca_1=new Array();ca_1[4]='1147,V8 Vantage 07款 4.3 Manual Coup|1148,V8 Vantage 07款 4.3 Sportshift';</script>
<title>无标题页</title>
<script type="text/javascript">
function checktype(v)
{
if(v==1) {document.getElementById("ul_1").style.display="";document.getElementById("ul_2").style.display="none";}
else if(v==2) {document.getElementById("ul_1").style.display="none";document.getElementById("ul_2").style.display="";}
}
function checks()
{
if(document.getElementById("rad_1").checked){if(document.getElementById('add_brand').value=='0'&&document.getElementById('add_car').value=='0') {alert('请选择车系或具体车型!');return false};else return true; }
else { if(document.getElementById('txt_car').value=='') {alert('请输入具体车型!');return false};else return true; }
}
function setdate()
{
document.getElementById('brand').value=document.getElementById('add_brand').value;
document.getElementById('car').value=document.getElementById('add_car').value;
}
function load()
{
var v=$("input:checked")[0].value;
if(v==1) {document.getElementById("ul_1").style.display="";document.getElementById("ul_2").style.display="none";}
else if(v==2) {document.getElementById("ul_1").style.display="none";document.getElementById("ul_2").style.display="";}
}
</script>
</head>
<body onload="loadinfo();create_make('add_make');load();">
<script type="text/javascript">
var vv;
var vv=$("input:checked")[0].value;
document.write "vv"
</script>
<form id="form1" runat="server">
<div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="Table_B">
<tr>
<td bgcolor="#FFFFFF"><table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#D5EDFD">
<tr>
<td align="center" bgcolor="#FFFFFF" class="td_bg" style="height: 27px">
车型数据自动更新</td>
</tr>
<tr>
<td height="25" align="left" bgcolor="#FFFFFF">
车型数据更新规则:<br />
1、选择单一车型更新时,车的型号必须全称;<br />
2、如果数据已经存在,将更新,不存在,将直接添加。
</td>