我现在用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 实现下拉框美化的效果? 想截图里那样的效果?请高手大虾帮忙
<!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();
});
});希望对楼主有帮助!