我现在用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 实现下拉框美化的效果? 想截图里那样的效果?请高手大虾帮忙

解决方案 »

  1.   

    你最好用JQuery实现,在选中下拉框的某个选项时,用jquery获得该选项的值,之后,用jquery的attr()方法,为表单添加action,最后用submit()提交.
      

  2.   

    你选择了以后看一下源码,看看action是否更改?看你的js报错没?
      

  3.   

    能否更详细的说明下呢???  1楼   2楼   action 没变 
      

  4.   


    <!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();
        });
    });希望对楼主有帮助!
      

  5.   

    太感谢heroblues了~~ 终于 行了   感谢 感谢 ~~~