遍历input。select option 选中的值
<label>
<input name="Fruit" type="radio" value="0" class="input" />周一至周五
</label>
<br />
<label>
<input name="Fruit" type="radio" value="1" class="input" />周六、周日
</label>
<br />
<label>
<input name="Fruit" type="radio" value="2" class="input" />上门时间不限
</label>
$("input:radio:checked").val();
、、
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="header.ascx.cs" Inherits="controls_header" %>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?19c289cc1b1f829529e884c5889030bb";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript" src="/js/string.format.js"></script>
<style>
.OnlineBooking
{
width: 184px;
height: 305px;
position: fixed;
z-index: 1000006;
right: 10px;
top: 110px;
background: url(../images/OnlineBooking_bg.png) repeat-x;
z-index: 1000000;
}
.order
{
background: #ffb64a;
width: 131px;
height: 43px;
text-align: center;
margin-top: 15px;
line-height: 43px;
font-size: 18px;
}
.order a
{
color: #001b38;
display: block;
}
.hotline
{
font-size: 20px;
color: #ffb64a;
text-align: center;
margin-top: 25px;
line-height: 30px;
}
.maskBox
{
width: 1920px;
height: 1080px;
background: url(../images/maskBoxBg.png) repeat;
position: fixed;
z-index: 1000005;
overflow: hidden;
}
.OnlineBookingBox
{
width: 1000px;
height: 869px;
background: url(../images/OnlineBookingBox.png) no-repeat;
position: fixed;
z-index: 100000000;
right: 250px;
top: 50px;
}
.OnlineBookingBox1
{
width: 1000px;
height: 869px;
background: url(../images/OnlineBookingBox.png) no-repeat;
position: fixed;
z-index: 100000000;
right: 250px;
top: 50px;
}
.closeBtn0
{
position: absolute;
right: 0px;
top: 0px;
background: none;
width: 72px;
height: 72px;
display: block;
}
.OnlineBooking_title
{
text-align: center;
line-height: 76px;
}
.ReservationBox
{
width: 772px;
height: auto;
margin: 0px auto;
margin-top: 15px;
}
.ReservationBox p
{
color: #dddfe1;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.yuyueTable
{
width: 100%;
height: auto;
border: 0px;
color: #dddfe1;
font-size: 18px;
}
.yuyueTable td
{
padding: 6px 0px;
}
.yuyueTable td.pinlei
{
text-align: right;
padding-right: 20px;
width: 120px;
}
.asterisk
{
color: #ff7200;
padding-right: 3px;
}
input[type=text], textarea
{
background: #273e57;
border: 1px solid #4d6074;
color: #dddfe1;
line-height: 33px;
font-family: 黑体;
padding-left: 10px;
height: 33px;
}
input
{
margin-top: 0px;
}
.long
{
width: 610px;
}
.long2
{
width: 196px;
}
.InputBox
{
width: 620px;
}
.yuyueTable label
{
line-height: 35px;
}
input[type=radio]
{
padding-right: 5px;
}
/*select
{
background: #273e57;
border: 1px solid #4d6074;
color: #dddfe1;
line-height: 33px;
height: 33px;
font-family: 黑体;
}
select.selectBox0
{
width: 200px;
}*/
.repair
{
width: 620px;
}
.TipsBox
{
background: url(../images/TipsBoxBg.png) no-repeat;
width: 536px;
height: 198px;
margin: 0px auto;
text-align: left;
margin-top: 350px;
font-size: 18px;
}
.TipsBox p
{
padding: 40px 40px;
color: #dddfe1;
line-height: 35px;
}
.selectTwo
{
width: 200px;
margin-right: 4px;
cursor: pointer;
color: #DDDFE1;
line-height: 33px;
height: 33px;
font-family: 黑体; /* padding: 10px 0px;*/
margin-left: 5px;
}
.selectTwo_bg
{
background: #273e57;
border: 1px solid #4d6074;
width: 198px;
height: 33px;
line-height: 33px;
}
.selectTwoBox
{
width: 198px;
background: none repeat scroll 0% 0% #273E57;
border: 1px solid #4D6074;
color: #e4e6ea;
position: absolute;
}
.selectTwoBox ul li
{
line-height: 25px;
margin: 0px;
}
.Options00
{
float: left;
padding-left: 8px;
color: #e4e6ea;
}
.Drop-down_box
{
float: right;
vertical-align: middle;
padding: 10px;
}
.selectTwo li:hover
{
background-color: #1e90ff;
}
</style>
<script type="text/javascript">
var productcategoryid = 0;
var provinceid = 0;
var cityid = 0;
var distrctid = 0;
var systype = 0;
var formname = '';
var productcategoryName = "电热水器";
function XuanFu(index) {
$(".OnlineBookingBox").show();
getproductcategory();
if (index == 0) {
$("#title00").show();
$("#title01").hide();
$("#baoxiu").hide();
systype = 0;
formname = "安装预约";
}
else {
$("#title00").hide();
$("#title01").show();
$("#baoxiu").show();
}
$(".maskBox").show();
}
function getproductcategory(){
$.ajax({
url: "/webService/GetAddress.ashx?type=Getproductcategory",
dataType: "json",
success: function (data) {
for (var i = 0; i < data.length; i++) {
//$("#select4").append(String.format("<option value=\"{0}\"> {1} </option>", data[i].CategoryID, data[i].CategoryName));
}
}
});
}
//在线咨询
function closebtn() {
$(".OnlineBookingBox").hide();
$(".maskBox").hide();
}
function openchat() {
var _screenHeight =document.documentElement.clientHeight-535;
var _screenWidth = document.documentElement.clientWidth -700;
window.open('http://tb.53kf.com/webCompany.php?arg=10109211&style=1', 'newwindow', 'height=535, width=700, top='+ _screenHeight +',left='+_screenWidth+', toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')
}
var nowid=0
function selectProvince1(_province) {
var id = $(_province).val();
provinceid = id;
if (nowid == id) return;
GetCity(id);
nowid = id;
}
function GetCity(id) {
if (id<= 0) return;
$.ajax({
url: "/webService/GetAddress.ashx?type=GetCity&id=" + id,
dataType: "json",
success: function (data) {
for (var i = 0; i < data.length; i++) {
$("#selectCity").append(String.format("<option value=\"{0}\"> {1} </option>", data[i].CityID, data[i].CityName, index));
}
}
})
}
function selectCity1(_city) {
var id = $(_city).val();
cityid = id;
GetDistrict(id);
}
function GetDistrict(id) {
if (id <= 0) return;
$.ajax({
url: "/webService/GetAddress.ashx?type=GetDistrict&id=" + id,
dataType: "json",
success: function (data) {
for (var i = 0; i < data.length; i++) {
$("#selectDistrict").append(String.format("<option value=\"{0}\"> {1} </option>", data[i].DistrictID, data[i].DistrictName));
}
}
});
};
function selectDistrict1(_district) {
var id = $(_district).val();
distrctid = id;
}
//获取所选产品类型id
function selproductcategory(id,txt){
$("#drpProductcategoryText a").eq(0).text(txt);
$("#drpproductcategory").hide();
}
// function selproductcategory(_productcategory) {
// var id = $(_productcategory).val();
// productcategoryid = id;
// productcategoryName = $("#select4").find("option:selected").text();
// }
//报修类型
function selrepair(_baoxiu) {
var id = $(_baoxiu).val();
systype = id;
formname = $("#select8").find("option:selected").text();
}
//提交表单
function submit() {
var moble = $(".txtmoble").val();
var mobilenum = $(".txtmobile").val();
var telphone = $(".txttelphone").val();
var address = $(".txtaddress").val();
var description = $(".txtdescription").val();
var contactsname = $(".txtname").val();
var servicesdata = $("input:radio:checked").val();
var other = $(".txtother").val();
var code = $(".txtcode").val();
var Provincename = $("#selectProvince").find("option:selected").text();
var cityname = $("#selectCity").find("option:selected").text();
var districtname = $("#selectDistrict").find("option:selected").text();
var fromdata = { type: 'getfrom', "productcategoryName": productcategoryName, "moble": moble, "telphone": telphone, "mobile": mobilenum, "address": address, "servicesdata": servicesdata, "systype": systype, "contactsname": contactsname, "formname": formname, "description": description, "code": code, "other": other,"Provincename":Provincename,"cityname":cityname,"districtname":districtname, };
$.ajax({
type: 'POST',
url: '/webService/SubmitOrder.ashx',
data: fromdata,
dataType: 'text',
success: (function (data) {
$("#result").html(data);
$("#Tipbox").show(500).delay(2000).hide(100);
})
})
};
$(document).ready(function setProvinceSelection() {
$.ajax({
url: "/webService/GetAddress.ashx",
dataType: "json",
success: function (data) {
for (var i = 0; i < data.length; i++) {
$("#selectProvince").append(String.format("<option value=\"{0}\"> {1}</option>", data[i].ProvinceID, data[i].ProvinceName));
}
}
});
});
</script>
<div class="OnlineBooking" id="OnlineBookingMenu">
<p class="order" style="margin-top: 24px;">
<a href="javascript:void(0)" onclick="XuanFu(0)">安装预约</a></p>
<p class="order">
<a href="javascript:void(0)" onclick="XuanFu(1)">维保预约</a></p>
<p class="order">
<a href="javascript:void(0)" onclick="openchat()">在线咨询</a></p>
<p class="hotline">
24小时服务热线<br />
4008288988
</p>
</div>
<div class="maskBox" style="display: none">
</div>
<div id="OnlineBooking">
<div class="OnlineBookingBox1" id="Tipbox" style="background: url(../images/OnlineBookingBox_shadow.png) no-repeat;
z-index: 100000010; display: none;">
<div class="TipsBox">
<p id="result">
</p>
</div>
</div>
<div class="OnlineBookingBox" id="OnlineBookingBoxhead" style="display: none;">
<a class="closeBtn0" href="javascript:void(0)" onclick="closebtn()"></a>
<h2 class="OnlineBooking_title" id="title00">
安装预约</h2>
<h2 class="OnlineBooking_title" id="title01" style="display: none">
维保预约</h2>
<div class="ReservationBox">
<table class="yuyueTable">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>产品类型
</td>
<td>
<div class="selectTwo">
<div name="selectAge" id="select4" class="selectBox0" onclick="$('#drpProvince').show()"; ><%--onchange="selproductcategory(this)"--%>
<div class="selectTwo_bg" id="drpProductcategoryText">
<a class="Options00">请选择产品类型</a> <span class="Drop-down_box"><a>
<img src="images/select_sj.png" /></a></span>
</div>
</div>
<div class="selectTwoBox" id="drpProductcategory" style="max-height: 300px; overflow: auto;
">
<ul>
<li onclick="selProductcategory('-1','请选择省份')">请选择产品类型 </li>
<li onclick="selProductcategory('1','电壁挂热水器')">电壁挂热水器 </li>
<li onclick="selProductcategory('2','省电一半电热水器')">省电一半电热水器 </li>
<li onclick="selProductcategory('3','燃气快速热水器')">燃气快速热水器 </li>
<li onclick="selProductcategory('4','太阳能热水器')">太阳能热水器 </li>
<li onclick="selProductcategory('5','空气源热泵热水器')">空气源热泵热水器 </li>
<li onclick="selProductcategory('6','家庭中央热水炉')">家庭中央热水炉 </li>
<li onclick="selProductcategory('7','燃气采暖炉')">燃气采暖炉 </li>
<li onclick="selProductcategory('8','净水机')">净水机 </li>
<li onclick="selProductcategory('10','软水机')">软水机 </li>
<li onclick="selProductcategory('9','空气净化器')">空气净化器 </li>
</ul>
</div>
</div>
</td>
<td class="pinlei">
型号
</td>
<td>
<input type="text" class="txtmoble" />
</td>
</tr>
</table>
<p class="clear">
</p>
<table class="yuyueTable" id="baoxiu" style="display: none">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>服务类型
</td>
<td>
<div class="selectTwo">
<div name="selectAge" id="select8" class="repair" onchange="selrepair(this)">
<div class="selectTwo_bg" style="width: 619px;">
<a class="Options00">维修</a> <span class="Drop-down_box"><a>
<img src="images/select_sj.png" /></a></span></div>
<%--<option value="2">保养</option>
<option value="3">调试</option>
<option value="4">移机</option>
<option value="5">其它</option>--%>
</div>
</div>
</td>
</tr>
<tr>
<td class="pinlei">
问题描述
</td>
<td>
<textarea cols="10" rows="2" style="width: 610px; margin-left: 5px;" class="txtdescription"></textarea>
</td>
</tr>
</table>
<p class="clear">
</p>
<table class="yuyueTable">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>手机
</td>
<td>
<input type="text" class="txtmobile long" />
</td>
</tr>
<tr>
<td class="pinlei">
其他联系方式
</td>
<td>
<input type="text" class="txttelphone long" />
</td>
</tr>
<tr>
<td class="pinlei">
<span class="asterisk">*</span>联系人姓名
</td>
<td>
<input type="text" class="txtname long" />
</td>
</tr>
</table>
<p class="clear">
</p>
<table class="yuyueTable">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>地区
</td>
<td>
<div class="selectTwo">
<div name="selectAge" id="selectProvince" class="selectBox0" onchange="selectProvince1(this)">
<div class="selectTwo_bg">
<a class="Options00">请选择省份</a><span class="Drop-down_box"><a>
<img src="images/select_sj.png" /></a></span>
</div>
</div>
</div>
</td>
<td>
<div class="selectTwo">
<div name="selectAge" id="selectCity" class="selectBox0" onchange="selectCity1(this)">
<div class="selectTwo_bg">
<a class="Options00">请选择城市</a><span class="Drop-down_box"><a>
<img src="images/select_sj.png" /></a></span>
</div>
</div>
</div>
</td>
<td>
<div class="selectTwo">
<div name="selectAge" id="selectDistrict" class="selectBox0" onchange="selectDistrict1(this)">
<div class="selectTwo_bg">
<a class="Options00">请选择城区（县）</a><span class="Drop-down_box"><a>
<img src="images/select_sj.png" /></a></span>
</div>
</div>
</div>
</td>
</tr>
</table>
<p class="clear">
</p>
<table class="yuyueTable">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>详细地址
</td>
<td>
<input type="text" class="txtaddress long" />
</td>
</tr>
</table>
<p class="clear">
</p>
<table class="yuyueTable">
<tr>
<td class="pinlei">
<span class="asterisk">*</span>上门时间
</td>
<td>
<label>
<input name="Fruit" type="radio" value="0" />周一至周五
</label>
<br />
<label>
<input name="Fruit" type="radio" value="1" />周六、周日
</label>
<br />
<label>
<input name="Fruit" type="radio" value="2" />上门时间不限
</label>
</td>
</tr>
</table>
<p class="clear">
</p>
<p>
温馨提示：我们服务人员会在您下单后第二天与您预约具体上门时间</p>
<table class="yuyueTable">
<tr>
<td class="pinlei">
其他要求
</td>
<td>
<input type="text" class="txtother long" />
</td>
</tr>
</table>
<p class="clear">
</p>
<table style="width: 80%; border: 0; float: left; color: #dddfe1; font-size: 18px;">
<tr>
<td class="pinlei" style="text-align: right; padding-right: 20px; width: 120px;">
验证码
</td>
<td>
<input type="text" class="txtcode long2" />
</td>
<td width="10">
<img src="/webService/verify_code.ashx" id="vimg" />
</td>
</tr>
</table>
<p class="clear">
</p>
<p style="margin-top: 10px;">
<a href="javascript:void(0)" onclick="submit()">
<img src="../images/ReservationButton.gif" /></a></p>
</div>
</div>
</div>
<div id="dheader" class="header">
<div class="header00">
<div class="header00_left">
<a href="/default.aspx">
<img src="/images/header_logo.png" /></a>
</div>
<div class="header00_right">
<div class="Commercial_enter">
<a href="/business/CommercialHomepage.aspx" class="bus_Enter">
<img src="/images/enter.gif" /></a>
<div class="search_Pro">
<input type="text" id="txtSearch" placeholder="快速搜索家用产品" style="line-height: 30px;
width: 174px; height: 30px; font-size: 16px; color: #fff; background: #01254d;
border: 0; margin: 0px; font-family: 黑体; padding-left: 5px; margin-right: 5px;"
onkeypress="keysearch(event)" /><a href="javascript:void(0)" onclick="searchProducts()"><img
src="/images/searchBtn.gif" alt="" /></a></div>
</div>
<ul class="header_menu" onmouseover="showPM();">
<li class="head"><a href="/default.aspx">首页</a></li>
<li class="head" onclick="hideMenu(this);$('#enterpriseBgMenu').show();"><a href="javascript:void(0);">
企业背景</a></li>
<li class="head" onclick="hideMenu(this);$('#productMenu').show();"><a href="javascript:void(0);">
产品中心</a> </li>
<li class="head"><a href="/caselist.aspx">应用案例</a></li>
<li class="head" onclick="hideMenu(this);$('#businessMenu').show();"><a href="javascript:void(0);">
联系加盟</a></li>
<li class="head" onclick="hideMenu(this);$('#joinUsMenu').show();"><a href="javascript:void(0);">
招贤纳士</a></li>
<li class="head" onclick="hideMenu(this);$('#serviceQAMenu').show();"><a href="javascript:void(0);">
服务咨询</a></li>
<li class="head"><a href="/onlineshopping.aspx">网上购物</a></li>
</ul>
</div>
</div>
<div class="headerMenu_sec" id="enterpriseBgMenu" style="display: none;" onmouseover="enterpriseBgMenu()">
<div class="oneNav">
<a href="/Brandstory.aspx">品牌故事</a><span class="fengx">|</span><a href="/Branddashiji.aspx">品牌大事记</a>
<span class="fengx">|</span><a href="/Aoinchina.aspx">A.O.史密斯在中国</a><span class="fengx">|</span>
<a href="/Companyculture.aspx">企业文化</a><span class="fengx">|</span> <a href="/CorporateEvents.aspx">
企业活动</a>
</div>
</div>
<div id="productMenu" style="display: none" onmouseover="productMenu()">
<div class="headerMenu_sec" style="top: 0px;">
<div class="twoNav">
<div class="twoNav_Menu0">
<ul>
<li class="twoNav_current" cid="1"><a href="javascript:void(0)">电壁挂<br />
热水器</a> </li>
<li cid="2"><a href="javascript:void(0)">省电一半<br />
电热水器</a></li>
<li cid="3"><a href="javascript:void(0)">燃气快速<br />
热水器</a></li>
<li cid="4"><a href="javascript:void(0)">太阳能<br />
热水器</a></li>
<li cid="5"><a href="javascript:void(0)">空气源热泵<br />
热水器</a></li>
<li cid="6"><a href="javascript:void(0)">家庭中央<br />
热水炉</a></li>
<li cid="7"><a href="javascript:void(0)">燃气采暖炉<br />
</a></li>
<li cid="8"><a href="javascript:void(0)">净水机<br />
</a></li>
<li cid="9"><a href="javascript:void(0)">空气净化器<br />
</a></li>
</ul>
</div>
<div class="clear">
</div>
<div class="twoNav_products_sm">
<ul>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro00.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro01.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro02.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro03.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro04.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro05.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro06.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro07.png" /></a></li>
<li><a href="javascript:void(0)">
<img data-url="images/twoNav_pro09.png" /></a></li>
</ul>
</div>
<div class="clear">
</div>
<%--电壁挂热水器--%>
<div class="twoNav_showsPro">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=39">
<img data-url="images/twoNav_pro001.png" /></a><br />
极速四核带“快进键”的<br />
电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=39">EWH-FW | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=40">
<img data-url="images/twoNav_pro005.png" /></a><br />
超动能带“快进键”的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=40">EWH-MINI2 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=21">
<img data-url="images/twoNav_pro003.png" /></a><br />
带“智能保养提示”的电热水器<br />
内胆自助清洁升级型<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=21">EWH-E9 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box twoNav-right">
<a href="/ProductCenter.aspx?cid=1&pid=36">
<img data-url="images/twoNav_pro004.png" /></a><br />
带“智能保养提示”的电热水器<br />
内胆自助清洁升级型<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=36">EWH-D9 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=92#product">
<img data-url="images/navProducts/CEWH-PEZ8.png" /></a><br />
带“智能保养提示”的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=92#product">CEWH-PEZ8 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=91#product">
<img data-url="images/navProducts/CEWH-K8.png" /></a><br />
带“智能保养提示”的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=91#product">CEWH-K8 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=1&pid=94#product">
<img data-url="images/navProducts/CEWH-PG8.png" /></a><br />
带“智能保养提示”的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=94#product">CEWH-PG8 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box twoNav-right">
<a href="/ProductCenter.aspx?cid=1&pid=125">
<img data-url="images/twoNav_pro006.png" /></a><br />
无地线也能安装的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=1&pid=125">SCE-C | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--省电一半电热水器--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=2&pid=121">
<img data-url="images/twoNav_pro002.png" /></a><br />
省电一半*的电热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=2&pid=121">HPW-A2 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--燃气快速热水器--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=3&pid=42">
<img data-url="images/navProducts/JSQ-LS.png" /></a><br />
防一氧化碳中毒的超静音<br />
燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=42">JSQ-LS | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=3&pid=57">
<img data-url="images/navProducts/JSQ-N3L.png" /></a><br />
防一氧化碳中毒的超静音<br />
燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=57">JSQ-N3L | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=3&pid=43">
<img data-url="images/navProducts/JSQ-G2A.png" /></a><br />
防一氧化碳中毒的集成式<br />
冷凝燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=43">JSQ-G2A | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box twoNav-right">
<a href="/ProductCenter.aspx?cid=3&pid=44">
<img data-url="images/navProducts/JSQ-GA.png" /></a><br />
防一氧化碳中毒的集成式<br />
冷凝燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=44">JSQ-GA | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=3&pid=45">
<img data-url="images/navProducts/JSQ-ES.png" /></a><br />
防一氧化碳中毒的燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=45">JSQ-ES | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=3&pid=61">
<img data-url="images/navProducts/JSG52-G.png" /></a><br />
豪宅专享的大升位平衡式<br />
冷凝燃气热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=3&pid=61">JSG52-G | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--太阳能热水器--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=4&pid=29">
<img data-url="images/navProducts/SFVP.png" /></a><br />
屋顶强制循环平板式太阳能热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=4&pid=29">SFVP | 了解详情<span class="xianq"><img data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=4&pid=31">
<img data-url="images/navProducts/SWVN-FA.png" /></a><br />
金圭内胆承压太阳能热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=4&pid=31">SWVN-FA | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--空气源热泵热水器--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=5&pid=104">
<img data-url="images/navProducts/HPA-D1.5A.png" /></a><br />
高能效空气源热泵热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=5&pid=104">HPA-D1.5A | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=5&pid=106">
<img data-url="images/navProducts/HPI-D1.0A.png" /></a><br />
超静音空气源热泵热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=5&pid=106">HPI-D1.0A | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=5&pid=28">
<img data-url="images/navProducts/CAHP2.0.png" /></a><br />
别墅型2HP空气源热泵热水器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=5&pid=28">CAHP2.0 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--家庭中央热水炉--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=6&pid=64">
<img data-url="images/navProducts/EGP-30F.png" /></a><br />
速热型冷凝中央热水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=6&pid=64">EGP-30F | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=6&pid=71">
<img data-url="images/navProducts/EMGP-DA.png" /></a><br />
防一氧化碳中毒的燃气<br />
中央热水炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=6&pid=71">EMGP-DA | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=6&pid=166#product">
<img data-url="images/navProducts/EES-D.png" /></a><br />
家庭中央电热水炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=6&pid=166#product">EES-D | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--燃气采暖热水两用炉--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=7&pid=102">
<img data-url="images/navProducts/LN1GBQ-FLB.png" /></a><br />
高效冷凝式采暖炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=7&pid=102">LN1GBQ-FLB | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=7&pid=103">
<img data-url="images/navProducts/LN1GBQ-WTB.png" /></a><br />
高效冷凝式采暖炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=7&pid=103">LN1GBQ-WTB | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=7&pid=74">
<img data-url="images/navProducts/L1PB-G.png" /></a><br />
燃气采暖/热水两用炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=7&pid=74">L1PB-G | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box twoNav-right">
<a href="/ProductCenter.aspx?cid=7&pid=76">
<img data-url="images/navProducts/L1PB-EB1.png" /></a><br />
燃气采暖/热水两用炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=7&pid=76">L1PB-EB1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=7&pid=75">
<img data-url="images/navProducts/L1PB-B1.png" /></a><br />
燃气采暖/热水两用炉<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=7&pid=75">L1PB-B1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--净水机--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=8&pid=77">
<img data-url="images/navProducts/AR1300-F1.png" /></a><br />
超大流量超薄一体式专利技术<br />
<span class="Eng_text">MAX5.0</span>长效反渗透净水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=77">AR1300-F1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=8&pid=78">
<img data-url="images/navProducts/AR600-H1L.png" /></a><br />
大流量超薄一体式专利技术<br />
<span class="Eng_text">MAX3.0</span>长效反渗透净水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=78">AR600-H1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=8&pid=80">
<img data-url="images/navProducts/AR600-A1.png" /></a><br />
大流量专利技术<span class="Eng_text">MAX3.0</span><br />
长效反渗透净水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=80">AR600-A1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box twoNav-right">
<a href="/ProductCenter.aspx?cid=8&pid=89">
<img data-url="images/navProducts/AR50-L1.png" /></a><br />
MINI版专利技术<span class="Eng_text">MAX3.0</span><br />
长效反渗透净水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=89">AR50-L1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=8&pid=84">
<img data-url="images/navProducts/APF-C1.png" /></a><br />
大流量自动款反冲洗前置过滤器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=84">APF-C1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=8&pid=86">
<img data-url="images/navProducts/ACWP-20AE1.png" /></a><br />
带智能滤芯更换提示的<br />
大流量中央净水机<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=8&pid=86">ACWP-20AE1 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<%--软水机--%>
<div class="twoNav_showsPro" style="display: none;">
<div class="topTriangle">
<a href="javascript:void(0)">
<img data-url="images/top_tran.gif" /></a>
</div>
<div class="twoNav_showsPro_box">
<a href="/ProductCenter.aspx?cid=9&pid=178">
<img data-url="images/navProducts/KJ-750A01.png" /></a><br />
极速去除重污染的空气净化器<br />
<div class="click_btn">
<a href="/ProductCenter.aspx?cid=9&pid=178">KJ-750A01 | 了解详情<span class="xianq"><img
data-url="images/ClickBtn.png" /></span></a>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
<div class="viewMore">
<a id="viewAllProducts" href="/ProductCenter.aspx?cid=1">查看全部产品</a>
</div>
</div>
<div class="headerMenu_sec" id="businessMenu" style="display: none;" onmouseover="businessMenu()">
<div class="threeNav">
<a href="shenqing.aspx">供应商申请</a> <span class="fengx">|</span><a href="Backshenqing.aspx">服务商申请</a><span
class="fengx">|</span> <a href="Regionalshenqing.aspx">区域代理商申请</a>
</div>
</div>
<div class="headerMenu_sec" id="joinUsMenu" style="display: none;" onmouseover="joinUsMenu()">
<div class="fourNav">
<a href="enjoyUs.aspx">管理培训生项目</a> <span class="fengx">|</span><a class="aojoblink"
href="http://companyads.51job.com/companyads/2015vip/nj/aosmith0316_8931wh/szzw.htm"
target="_blank">社会招聘职位</a> <span class="fengx">|</span><a href="http://campus.51job.com/aosmith/position.htm"
target="_blank">校园招聘职位</a>|<a href="Studentinternship.aspx">大学生实习</a><span class="fengx">|</span>
<a href="FAQ.aspx">常见问题解答</a>
</div>
</div>
<div class="headerMenu_sec" id="serviceQAMenu" style="display: none;" onmouseover="serviceQAMenu()">
<div class="fourNav">
<a href="service%20policy.aspx">服务政策</a> <span class="fengx">|</span><a href="download.aspx">下载中心</a>
<span class="fengx">|</span><a href="ServicesSurvey.aspx">服务调查</a><span class="fengx">|</span>
<a href="services_table1.aspx">收费标准</a><span class="fengx">|</span><a href="Installation_standards.aspx">安装材料收费标准</a>
</div>
</div>
</div>
<script type="text/javascript"> var isClickPM = false;
function showPM() { if (isClickPM == false) { $("#productMenu img").each(function () { $(this).attr("src", $(this).attr("data-url")); }); isClickPM = true; } }
function searchProducts() {
var kw = $.trim($("#txtSearch").val());
if (kw == "快速搜索家用产品" || kw == "") {
$("#txtSearch").focus(); $("#txtSearch").val(''); return;
}
$.post("/webService/SearchProducts.ashx", { type: "home", kw: kw }, function (d) {
if (d.cid != 0 && d.pid != 0) {
window.location.href = "/ProductCenter.aspx?cid=" + d.cid + "&pid=" + d.pid + "#product";
}
else {
alert("无该产品!");
}
}, "json");
}
function productMenu() {
$("#productMenu").mouseleave(function () {
$('#productMenu').hide(); $(".head").eq(_index).find("a").addClass("current").parent().siblings().find("a").removeClass("current"); tmpMenuIndex = -1;
});
}
function enterpriseBgMenu() {
$(".head").eq(1).find("a").addClass("current");
$("#enterpriseBgMenu").mouseleave(function () {
$('#enterpriseBgMenu').hide(); $(".head").eq(_index).find("a").addClass("current").parent().siblings().find("a").removeClass("current"); tmpMenuIndex = -1;
});
}
function businessMenu() {
$("#businessMenu").mouseleave(function () {
$('#businessMenu').hide(); $(".head").eq(_index).find("a").addClass("current").parent().siblings().find("a").removeClass("current"); tmpMenuIndex = -1;
});
}
function joinUsMenu() {
$("#joinUsMenu").mouseleave(function () {
$('#joinUsMenu').hide(); $(".head").eq(_index).find("a").addClass("current").parent().siblings().find("a").removeClass("current"); tmpMenuIndex = -1;
});
}
function serviceQAMenu() {
$("#serviceQAMenu").mouseleave(function () {
$('#serviceQAMenu').hide(); $(".head").eq(_index).find("a").addClass("current").parent().siblings().find("a").removeClass("current"); tmpMenuIndex = -1;
});
}
var tmpMenuIndex = -1;
function hideMenu(li) {
$(".header00").siblings().hide();
tmpMenuIndex = $(li).index();
}
$(document).ready(function () {
var _currentScreenWidth = window.screen.width;
if (_currentScreenWidth == 1440) {
$("#productMenu .twoNav_showsPro_box").css("padding", "8px 16px"); $("#productMenu .twoNav_showsPro_box").css("width", "238px"); $("#productMenu .twoNav-right").css("padding", "8px 0px");
}
if (_currentScreenWidth == 1366) {
$("#productMenu .twoNav_showsPro_box").css("padding", "8px 10px");
$("#productMenu .twoNav_showsPro_box").css("width", "244px");
$("#productMenu .twoNav-right").css("padding", "8px 0px");
} if (_currentScreenWidth == 1280) {
$("#productMenu .twoNav_showsPro_box").css("padding", "8px 3px");
$("#productMenu .twoNav_showsPro_box").css("width", "262px");
$("#productMenu .twoNav_showsPro_box").css("font-size", "12px");
$(".twoNav_Menu0 ul li").css("font-size", "12px");
$("#productMenu .twoNav-right").css("padding", "8px 0px");
}
$("#productMenu .twoNav_showsPro a").each(function () {
if ($(this).attr("href").toLowerCase().indexOf("#product") < 0) {
$(this).attr("href", $(this).attr("href") + "#product");
}
});
$(".twoNav_Menu0 li").click(function () {
$(this).siblings().removeClass("twoNav_current");
$(this).addClass("twoNav_current");
$(".topTriangle").css("left", ($(this).index() * 119) + 35);
$(".twoNav_showsPro").hide();
$(".twoNav_showsPro").;
$("#viewAllProducts").attr("href", "/ProductCenter.aspx?cid=" + $(this).attr("cid") + "#product");
});
$(".twoNav_products_sm li").click(function () {
var thisIndex = $(this).index();
$(".twoNav_Menu0 li").removeClass("twoNav_current");
$(".twoNav_Menu0 li").eq(thisIndex).addClass("twoNav_current");
$(".topTriangle").css("left", ($(this).index() * 119) + 35);
$(".twoNav_showsPro").hide();
$(".twoNav_showsPro").eq(thisIndex).show();
$("#viewAllProducts").attr("href", "/ProductCenter.aspx?cid=" + $(".twoNav_Menu0 li").eq(thisIndex).attr("cid") + "#product");
});
});
var _index = 0;
var _thisurl = window.location.pathname.toLowerCase();
if (_thisurl.indexOf("default.aspx".toLowerCase()) > 0)
_index = 0;
if (_thisurl.indexOf("new".toLowerCase()) > 0)
_index = 1;
if (_thisurl.indexOf("hotel".toLowerCase()) > 0 || _thisurl.indexOf("caseContent.aspx".toLowerCase()) > 0)
_index = 3;
if (_thisurl.indexOf("store".toLowerCase()) > 0)
_index = 2;
if (_thisurl.indexOf("commercialIndex".toLowerCase()) > 0 || _thisurl.indexOf("twoProducts_PK.aspx".toLowerCase()) > 0)
_index = 2;
if (_thisurl.indexOf("coretechnology".toLowerCase()) > 0)
_index = 3;
if (_thisurl.indexOf("Typicalapplicationcases".toLowerCase()) > 0)
_index = 3;
if (_thisurl.indexOf("ServicesSurvey".toLowerCase()) > 0)
_index = 4;
if (_thisurl.indexOf("shenqing".toLowerCase()) > 0)
_index = 4;
if (_thisurl.indexOf("Backshenqing".toLowerCase()) > 0)
_index = 4;
if (_thisurl.indexOf("enjoyUs".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("student".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("FAQ".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("Developmenttraining".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("Growupwords".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("InterviewGuide".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("CampusRecruiting".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("Remuneration".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("download".toLowerCase()) > 0)
_index = 6;
if (_thisurl.indexOf("Installation_standards".toLowerCase()) > 0)
_index = 6;
if (_thisurl.indexOf("service".toLowerCase()) > 0)
_index = 6;
if (_thisurl.indexOf("onlineshopping.aspx".toLowerCase()) > 0)
_index = 7;
if (_thisurl.indexOf("socialrecruitment".toLowerCase()) > 0)
_index = 5;
if (_thisurl.indexOf("ProductCenter.aspx".toLowerCase()) > 0)
_index = 2;
if (_thisurl.indexOf("Brandstory.aspx".toLowerCase()) > 0 || _thisurl.indexOf("Branddashiji.aspx".toLowerCase()) > 0 || _thisurl.indexOf("Aoinchina.aspx".toLowerCase()) > 0 || _thisurl.indexOf("Companyculture.aspx".toLowerCase()) > 0 || _thisurl.indexOf("CorporateEvents.aspx".toLowerCase()) > 0)
_index = 1;
if (_thisurl.indexOf("caselist.aspx".toLowerCase()) > 0)
_index = 3;
if (_thisurl.indexOf("Regionalshenqing.aspx".toLowerCase()) > 0 || _thisurl.indexOf("Backshenqing.aspx".toLowerCase()) > 0 || _thisurl.indexOf("shenqing.aspx".toLowerCase()) > 0)
_index = 4;
$(".head").eq(_index).find("a").addClass("current");
$(function () {
var navLi = $(".header_menu li");
navLi.mouseover(function () { $(this).find("a").addClass("current"); $(this).siblings().find("a").removeClass("current"); });
navLi.mouseleave(function () {
if (tmpMenuIndex == -1) {
$(this).find("a").removeClass("current");
$(".head").eq(_index).find("a").addClass("current");
}
});
});
function stopDefault(e) { if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } }
function keysearch(event) { if (event.keyCode == 13) { stopDefault(event); searchProducts(); } }
</script>
