我现在用jquery 实现了一下效果 还没实现到 下拉框 option的值来改变action的值来传递。我的代码如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>
<META content= name=keywords>
<META content= name=description>
<LINK href="css/index.css" type=text/css rel=stylesheet>
<SCRIPT src="js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/jQselect.js" type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.6000.16981" name=GENERATOR>
</HEAD>
<SCRIPT type=text/javascript> $(document).ready(function() {
$("#cp").selectbox();
});
});
</SCRIPT>
<BODY>
<form id="searchForm" name="test" method="get" action="">
<DIV class=searchBar>
<DIV class=select>
<SELECT id="cp" style="DISPLAY: none" name="cp" onchange="test()">
<OPTION value=1 selected>商品</OPTION>
<OPTION value=2>品牌</OPTION>
</SELECT>
</DIV>
<DIV class=text><INPUT class=s_t
onblur="if(this.value==''){this.value='请输入商品名';this.style.color='#aaa'}"
onfocus="if(this.value=='请输入商品名'){this.value='';this.style.color='#aaa'}"
value="请输入商品名" name=keyword>
</DIV>
<input type="submit" value="" class="bt" />
</DIV>
</form>
<script language="javascript">
function test(){
var arr = new Array('a.php', 'b.php');
var form = document.getElementById("searchForm");
var select = document.getElementById("cp");
if(select.value){
form.action = arr[select.value];
form.submit();
}
}</script></BODY>
</HTML>以下部分是跳转的js不好使 我想应该是jquery 有关系吧
<script language="javascript">
function test(){
var arr = new Array('a.php', 'b.php' );
var form = document.getElementById("searchForm");
var select = document.getElementById("cp");
if(select.value){
form.action = arr[select.value];
form.submit();
}
}</script>
我想知道能不能不用 jquery 实现下拉框美化的效果? 想截图里那样的效果?请高手大虾帮忙
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>
<META content= name=keywords>
<META content= name=description>
<LINK href="css/index.css" type=text/css rel=stylesheet>
<SCRIPT src="js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/jQselect.js" type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.6000.16981" name=GENERATOR>
</HEAD>
<SCRIPT type=text/javascript> $(document).ready(function() {
$("#cp").selectbox();
});
});
</SCRIPT>
<BODY>
<form id="searchForm" name="test" method="get" action="">
<DIV class=searchBar>
<DIV class=select>
<SELECT id="cp" style="DISPLAY: none" name="cp" onchange="test()">
<OPTION value=1 selected>商品</OPTION>
<OPTION value=2>品牌</OPTION>
</SELECT>
</DIV>
<DIV class=text><INPUT class=s_t
onblur="if(this.value==''){this.value='请输入商品名';this.style.color='#aaa'}"
onfocus="if(this.value=='请输入商品名'){this.value='';this.style.color='#aaa'}"
value="请输入商品名" name=keyword>
</DIV>
<input type="submit" value="" class="bt" />
</DIV>
</form>
<script language="javascript">
function test(){
var arr = new Array('a.php', 'b.php');
var form = document.getElementById("searchForm");
var select = document.getElementById("cp");
if(select.value){
form.action = arr[select.value];
form.submit();
}
}</script></BODY>
</HTML>以下部分是跳转的js不好使 我想应该是jquery 有关系吧
<script language="javascript">
function test(){
var arr = new Array('a.php', 'b.php' );
var form = document.getElementById("searchForm");
var select = document.getElementById("cp");
if(select.value){
form.action = arr[select.value];
form.submit();
}
}</script>
我想知道能不能不用 jquery 实现下拉框美化的效果? 想截图里那样的效果?请高手大虾帮忙
解决方案 »
- 哪位大哥能帮帮我啊???
- ++表示递增1,那如何递增指定的数呢,比如递增5
- Windows下PHP开发环境搭建求助!
- 求一正则表达式,在TEXTAREA中如果输入回车就让它报错.
- 得到查询记录总数问题
- 求解:Lost connection to MySQL server during query
- 用正则如何取得URL地址,谢谢
- 我也问个正则表达式问题:怎么匹配这样的字符串
- 怎么将第一个页面exam1.php生成的数组传递给第二个页面exam2.php ?
- 当我删除一条记录时,如何实现弹出对话框由用户选择是否确认删除?在线等候!!
- 一个字符串替换的问题
- 数组$_gc=1 2 3 我现在加了,号变成了1,2,3, 最终需求是1,2,3 请问怎么做
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/test.js"></script>
<title>测试</title>
</head>
<body>
<form id="select_form" name="select_form" method="post">
<select id="cp">
<option value="car.php">汽车</option>
<option value="bike.php">自行车</option>
</select>
<br>
<input type="button" id="sub" name="sub" value="提交"/>
</form>
</body>
</html>javascript代码:$(document).ready(function(){
$("#sub").click(function(){
var tran=$("#cp").val(); $("#select_form").attr("action", tran);
$("#select_form").submit();
});
});希望对楼主有帮助!