js问题

码无边 2011-05-24 04:30:28

PHP code

<script>
var statistics_onchange=function(){
alert("ok");
//如何写这个方法

}
</script>
<select name="select" id="statistics" onchange="statistics_onchange();">
<option>请选择</option>
<option value="region">地域</option>
<option value="province">省份</option>
<option value="city">城市</option>
<option value="businame">性质</option>
<option value="bsname">子类</option>
<option value="brand">品牌</option>
<option value="pusn">现维护人</option>
</select>

这是我的下拉框列表，现在需要做的操作是：当我点击一个下拉框的值，就会去查询这个下拉框对应的sql语句。
本人遇到的问题是；1）statistics_onchange（）这个事件该如何写？？？？？？？（该怎么将值从客户端传到服务端之后再执行sql语句的时候进行判断！），
说明一点，每一个下拉框的值对应的sql语句是不一样的！！！！！！！！

...全文

437 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

码无边 2011-05-26

打赏
举报

第三种方法：

	<script >

 var statistics_onchange=function(key){

  var PackageID='<{$packageid}>';

 $.ajax({

 type:'get',

 url:'/?p=Customersend',

 dataType:"html",

 data:'action=statistics'+'&Statistics='+key+'&PackageID='+PackageID,

 success:function(html){

 $("#aa").html(html);

 }

 }) ;

}

</script>

码无边 2011-05-25

打赏
举报

各位答案如下：1）第一种方法

<script type="text/javascript">

function statistics_onchange(str)

{

var PackageID='<{$packageid}>';

var xmlhttp;    

if (str=="")

  {

  document.getElementById("aa").innerHTML="";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("aa").innerHTML=xmlhttp.responseText;

     //$("#aa").html(xmlhttp.responseText);

    }

  }

xmlhttp.open("GET","/?p=Customersend&action=Statistics&Statistics="+str+"&PackageID="+PackageID,true);

xmlhttp.send();

}

</script>

2）

var statistics_onchange=function(key){

    var PackageID='<{$packageid}>';

	var url = "/?p=Customersend&action=Statistics&Statistics="+key+"&PackageID="+PackageID;

    $.get(url,function(data){

		$("#aa").html(data);

	});

};

第二种方法

码无边 2011-05-24

打赏
举报

[Quote=引用 6 楼 shuixiya1999 的回复:]

上面代码就很好啊,可以用的饿
[/Quote]好像不可以咯！！

汉尼拔 2011-05-24

打赏
举报

上面代码就很好啊,可以用的饿

猿敲月下码 2011-05-24

打赏
举报

也可以把sql存放在后台

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script>

var sqlMap = {

	region:'select * from region'

	,province:'select * from province'

	,city:'select * from city'

	// 以此类推

};



var statistics_onchange=function(){

	var sql = document.getElementById("statistics").value;

	alert('向后台发送sql: '+sqlMap[sql]); 

}

</script>



 </HEAD>



 <BODY>

  <select name="select" id="statistics" onchange="statistics_onchange();">

  <option>请选择</option>

  <option value="region">地域</option>

  <option value="province">省份</option>

  <option value="city">城市</option>

  <option value="businame">性质</option>

  <option value="bsname">子类</option>

  <option value="brand">品牌</option>

  <option value="pusn">现维护人</option>

  </select>

 </BODY>

</HTML>