BlogJava-Reg-随笔分类-jquery

关于jquery ajax return的问题

艾波 — Fri, 24 Dec 2010 02:22:00 GMT

关键这个属性： async:false

默认为true,表示异步请求，改为false同步请求，就能取到上面代码temp的值...困扰蛮久的问题，开始还以为是js的作用域，测试无果，终于找到原来是$.ajax没设置好- -！

艾波 2010-12-24 10:22 发表评论

JQuery二级菜单、头部菜单、居上的菜单、不动的菜单、css、div

艾波 — Sat, 17 Jul 2010 05:15:00 GMT

摘要: 阅读全文

艾波 2010-07-17 13:15 发表评论

jquery select列表双向选择

艾波 — Sat, 17 Jul 2010 05:12:00 GMT

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>select列表双向选择title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">script>
    <style type="text/css">
        select
        {
            width: 100%;
            height: 160px;
        }
        div
        {
            float: left;
        }
        #div1, #div3
        {
            width: 150px;
        }
        #div2
        {
            width: 120px;
        }
        .btn
        {
            display: block;
            margin: 10px auto;
            width: 80px;
        }
    style>
head>


<script type="text/javascript">
    /* 添加选择的项 */
    function Add(ObjSource, ObjTarget) {
       if(ObjSource.val() ==null) return;    // 如果没有选择则退出函数，无这句话的话IE6会报错
        $.each(ObjSource.val(), function(i, n) {    // 循环原列表中选中的值，依次添加到目标列表中
            var html = "" + n + "'>" + n + "";
            ObjTarget.append(html);
        });
        ObjSource.find("option:selected").remove();  // 原列表中选中的值删除
    }
    /* 添加全部 */
    function AddAll(ObjSource, ObjTarget) {
        ObjTarget.append(ObjSource.html());  // 目标列表的HTML加上原列表的所有HTML
        ObjSource.empty();  // 原列表清空
    }
script>
<body>
    <div id="div1">
        <select id="dltSource" name="dltSource" size="10" multiple="multiple">
            <option value="苹果">苹果option>
            <option value="雪梨">雪梨option>
            <option value="西瓜">西瓜option>
            <option value="荔枝">荔枝option>
            <option value="龙眼">龙眼option>
            <option value="香蕉">香蕉option>
        select>
    div>
    <div id="div2">
        <input type="button" value=">" class="btn" onclick="Add($('#dltSource'),$('#dltTarget'))" />
        <input type="button" value=">>" class="btn" onclick="AddAll($('#dltSource'),$('#dltTarget'))" />
        <input type="button" value="<" class="btn" onclick="Add($('#dltTarget'),$('#dltSource'))" />
        <input type="button" value="<<" class="btn" onclick="AddAll($('#dltTarget'),$('#dltSource'))" />
    div>
    <div id="div3">
        <select id="dltTarget" name="dltTarget" size="10" multiple="multiple">
        select>
    div>
body>
html>

艾波 2010-07-17 13:12 发表评论

jquery使用jquerydoubleselectmin.js实现二级菜单联动

艾波 — Sat, 17 Jul 2010 05:04:00 GMT

摘要: 阅读全文

艾波 2010-07-17 13:04 发表评论

利用jQuery联动菜单制作

艾波 — Sat, 17 Jul 2010 04:52:00 GMT

<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">script>
<script>
(function($){
$.fn.selInit = function(){return $(this).html("");};
$.area = function(){
        $("#province").selInit();
        $("#city").selInit();
        $("#county").selInit();
        var area = {
                北京:{北京:"东城,西城,海淀,宣武,丰台"},
                江苏:{南京:"江宁,六合,下关,浦口",无锡:"北塘,滨湖,江阴,宜兴"}
                //
        };
        $.each(area,function(p){$("#province").append(""+p+"");});
        $("#province").change(function(){
                $("#city").selInit();
                $("#county").selInit();
                $.each(area,function(p,x){
                        if($("#province option:selected").text() == p)
                        {
                                $.each(x,function(c,cx){
                                        $("#city").append(""+c+"");
                                });

                                $("#city").bind("change",function(){
                                        $("#county").selInit();
                                        $.each(x,function(c,cx){
                                                if($("#city option:selected").text() == c)
                                                        {
                                                                $.each(cx.split(","),function(){
                                                                        $("#county").append(""+this+"");
                                                                });
                                                        }
                                        });
                                });
                        }
                });
        });
};
})(jQuery);
$(function(){
        $("select").css("width","100px");
        $.area();
        });
script>
head>
<body>
    <select id="province"><option>请选择option>select>
       <select id="city"><option>请选择option>select>
       <select id="county"><option>请选择option>select>
body>
html>

艾波 2010-07-17 12:52 发表评论