问下基础问题，用jquey写select 下拉框 并以 option的值做为form 的action来submit 可跳转出现问题 请各位大虾来帮帮忙

本帖最后由 xidae1004 于 2010-06-27 21:19:20 编辑

解决方案 »

  1.   


        $(document).ready(function() {
            $("#cp").selectbox();
        });这个是什么意思？看的不怎么懂
      

  2.   


    $(function() {
         $("#cp").change(function(){
            $("#searchForm").attr("action",$(this).val());
         });
    });看看行不行
      

  3.   

    给select加个onchange事件在，onchange事件中判断，选择的是哪个，然后再document.getElementById("form_id").actionj = "http://xxx.xxx.xxx";
      

  4.   

    给你个例子吧<form id="form" method="post">
    <select name="select" id="select" onchange="test()">
    <option>请选择</option>
    <option value="0">百度</option>
    <option value="1">出山</option>
    <option value="2">起点</option>
    </select>
    </form>
    <script>
    function test(){
    var arr = new Array('http://www.baidu.com', 'http://www.hjzw.com', 'http://www.qidian.com');
    var form = document.getElementById("form");
    var select = document.getElementById("select");
    if(select.value){
    form.action = arr[select.value];
    form.submit();
    }
    }
    </script>
      

  5.   

    修改下：(value要从1开始)
            <option value="1">百度</option>
            <option value="2">幻剑中文</option>
            <option value="3">起点</option>
      

  6.   

    多谢  妖言惑众   hard ass 大虾的回帖~  可还是没有实现 应该是我用 jqurey的原因吧  多谢了
      

  7.   

    没实现，和jquery没关系的
    <!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=gbk">
    <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: block" name="cp" onchange="listenAction()">
    <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 listenAction() {
    document.test.action = document.forms[0].cp.value;
    document.test.submit();
    }</script>
      

  8.   

    <!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=gbk">
    <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: block" name="cp" onchange="listenAction()">
        <OPTION value='a.php' selected>商品</OPTION>
        <OPTION value='b.php'>品牌</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 listenAction() {
        document.test.action = document.forms[0].cp.value;
        document.test.submit();
    }</script>
    以上代码写到 index.html  提交的话  index.html?cp=a.php&keyword=test   我需要的是传递地址是 a.php?keyword=test 才对。。 555 继续帮忙