如何把<a>标签里面的参数传到另外一个html 标签里面 js传递参数

Question

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var keyWord = Request[''keyWord''];
if(keyWord==null)
          keyWord="请点击选择品牌车系";
</Script>
a.html
<ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic">
<a href="b.html">
<Script language="javascript">
document.write(keyWord );
</Script></a></li><li class="car_b-arrow"></li>
   </ul>b.html
<ul>
    <li><a href="a.html?keyWord=奥迪A4L">奥迪A4L</a></li>
    <li>奥迪A6L</li>
    <li>奥迪Q5</li>
    <li>奥迪Q3</li>
    <li>奥迪A3</li> 
</ul>
点击“请点击选择品牌车系”跳到b.html, 点击选择b.html其中一个li里面的 内容 返回到a.html 替换掉 “请点击选择品牌车系”
怎么弄，新手，求大神~~跪谢~！！！！！！类似这样吧

Answer 1

a.html,和b.html放在同一个文件夹
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>
    //子窗口可调用的函数，修改文字
    function edit(_str){
        $(".car_b-lic a").text(_str)
    }
   $(function(){
       $(".car_b-lic a").click(function(){           w=window.open("b.html")
           return false;
       })   })
</script>
<ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic"><a href="javascript://">请点击选择品牌车系</a></li><li class="car_b-arrow"></li>
</ul>

b.html
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>    $(function(){
        $("li").click(function(){
        //调用父窗口的函数，传入li的text
         $doc=window.opener.edit($(this).text())
         window.close()
        })    })
</script>
<ul>
    <li><a href="">奥迪A4L</a></li>
    <li>奥迪A6L</li>
    <li>奥迪Q5</li>
    <li>奥迪Q3</li>
    <li>奥迪A3</li>
</ul>

Answer 2

onclick + jq + ajax

Answer 3

http://www.w3school.com.cn/jquery/ajax_ajax.asp

Answer 4

那怎么让这个js在这同一个页面使用两次，下面还有个选择但是获取会出错。
<ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic"><a href="javascript://">请点击选择品牌车系</a></li><li class="car_b-arrow"></li>
</ul>
<ul>
    <li class="car_b-liw">品牌经销商</li><li class="car_b-lic"><a href="javascript://">请点击选择品牌经销商</a></li><li class="car_b-arrow"></li>
</ul>

Answer 5

那怎么让这个js在这同一个页面使用两次，下面还有个选择但是获取会出错。
<ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic"><a href="javascript://">请点击选择品牌车系</a></li><li class="car_b-arrow"></li>
</ul>
<ul>
    <li class="car_b-liw">品牌经销商</li><li class="car_b-lic"><a href="javascript://">请点击选择品牌经销商</a></li><li class="car_b-arrow"></li>
</ul>
   <ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic car_java"><a href="javascript://">请点击选择品牌车系</a></li><li class="car_b-arrow"></li>
   </ul>
   <ul>
    <li class="car_b-liw">品牌经销商</li><li class="car_b-lic car_java2"><a href="javascript://">请点击选择品牌经销商</a></li><li class="car_b-arrow"></li>
   </ul>
<script>
    //子窗口可调用的函数，修改文字
    function edit(_str){
        $(".car_java a").text(_str)
    }
   $(function(){
       $(".car_java a").click(function(){           w=window.open("car_list.html")
           return false;
       })   })
   </script>
   <script>
   //子窗口可调用的函数，修改文字
   function edit(_str){
        $(".car_java2 a").text(_str)
    }
   $(function(){
       $(".car_java2 a").click(function(){           w=window.open("car_company.html")
           return false;
       })   })
</script>
怎么让它们共存。

Answer 6

想多个适应就给a标签加个id
a.html：
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<ul>
    <li class="car_b-liw">品牌车型</li><li class="car_b-lic car_java" ><a  id="car_modle" href="javascript://">请点击选择品牌车系</a></li><li class="car_b-arrow"></li>
</ul>
<ul>
    <li class="car_b-liw">品牌经销商</li><li class="car_b-lic car_java" ><a id="car_seller" href="javascript://">请点击选择品牌经销商</a></li><li class="car_b-arrow"></li>
</ul>
<script>
    //子窗口可调用的函数，修改文字
    function edit(_str,_id){
        $("#"+_id).text(_str)
    }
    $(function(){
        $(".car_java a").click(function(){
            _id=$(this).attr("id")
            w=window.open("b.html#"+_id);
            return false;
        })    })
</script>
b。html
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>    $(function(){
        $("li").click(function(){
            var _id=window.location.href.split("#")[1];
            //调用父窗口的函数，传入li的text
            $doc=window.opener.edit($(this).text(),_id)
            window.close()
        })    })
</script>
<ul>
    <li><a href="">奥迪A4L</a></li>
    <li>奥迪A6L</li>
    <li>奥迪Q5</li>
    <li>奥迪Q3</li>
    <li>奥迪A3</li>
</ul>