$(document).ready(function(){   
var ele_f_key = document.getElementById("from_station");
var ele_t_key = document.getElementById("to_station");
var val = ""
var html_result = ""
/*可以半自动补全车站名的*/
/*onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；
oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事
件，它只在对象value值发生改变时奏效。*/
ele_f_key.oninput = function (e) {
    val = $("#from_station").val();
    html_result = ""
    document.getElementById('list1').innerHTML =html_result;
    /*判断是不是空可以防止输入拼音时自动报错*/
    if (val !== ""){
        url1 = "search/"+val
        $.get(url1,function(result){
            a = result.split(',')
        $.each(a, function(i,item){
            html_result += '<option>'+a[i]+'</option>'
        });
        document.getElementById('list1').innerHTML =html_result;
        });   
    }
}

$(document).ready(function(){   
var ele_f_key = document.getElementById("from_station");
var ele_t_key = document.getElementById("to_station");
var data = 自己定义的数据

//更改为利用indexOf()判断字符串里面有关键字就是我想要的数据
ele_f_key.oninput = function (e) {
    val = $("#from_station").val();
    html_result = ""
    document.getElementById('list1').innerHTML =html_result;
    //判断是不是空可以防止输入拼音时自动报错
    if (val !== ""){
          for (var i = 0; i < data.length; i++) {
            //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
            console.log(data[i].indexOf(val))
            if (val.trim().length > 0 && data[i].indexOf(val) > -1) {
               html_result += '<option>'+data[i]+'</option>'
            }
          } 
          document.getElementById('list1').innerHTML =html_result;
    }
}

$(document).ready(function(){  
{% for ticket_info in view_list %}
$('#{{ ticket_info.train_num }}').click(function(e){  
        var train_num = "{{ ticket_info.train_num }}"; 
        var info = new Set();
        var html_resultinfo = " "
        var time = $("#time").val(); 
        var train_no = "{{ ticket_info.train_no }}"
        var t_station = "{{ ticket_info.from_station }}"
        var f_station = "{{ ticket_info.to_station }}"
        //边框定位
        var pageX = e.pageX+20,
            pageY = e.pageY-150;
        var abc = document.body.clientHeight;
        if (pageY>abc*0.5){
            $('#train_display').css({
                left: pageX,
                top: abc*0.5
            }); 
        }
        else{
            $('#train_display').css({
                top: pageY,
                left: pageX
            });  
        }
        url = "time/"+time.split('-')[0]+"_"+time.split('-')[1]+"_"+time.split('-')[2]+"_"+train_no+"_"+f_station+"_"+t_station
        train_display.style.display="block";
        $.getJSON(url,function(ret,result){
            if (ret.httpstatus == 200){
                a = ret.data.data
                document.getElementById('train_no').innerHTML = train_num;
                document.getElementById('train_start').innerHTML = "{{ ticket_info.f_station }}";
                document.getElementById('train_end').innerHTML = "{{ ticket_info.t_station }}";
                $.each(a, function(i,item){
                    html_resultinfo += '<tr><td>' + a[i].arrive_time + '</td>' +
                            '<td>' + a[i].start_time + '</td>' +
                            '<td>' + a[i].station_name + '</td>' +
                            '<td>' + a[i].stopover_time + '</td>' +
                            '</tr>';
                });
                document.getElementById('ticket-tbody').innerHTML =html_resultinfo;
            }
            else{
                document.getElementById('train_no').innerHTML = train_num;
                document.getElementById('train_start').innerHTML = "";
                document.getElementById('train_end').innerHTML = "";
                document.getElementById('ticket-tbody').innerHTML = "暂无该列车信息"
            }
        });    
        return false;  
    });  
{% empty %}
{% endfor %}
});

//200毫秒后自动点击绑定id的按钮
setTimeout(function() {
    // IE
    if(document.all) {
        document.getElementById("search_button").click();
    }
    // 其它浏览器
    else {
        var e = document.createEvent("MouseEvents");
        e.initEvent("click", true, true);
        document.getElementById("search_button").dispatchEvent(e);
    }
}, 200        ); 

/*随机显示函数*/
function randomp(){
tips = new Array(4);
tips[0] ="如果加载不成功请刷新";
tips[1] ="工作地点可以手动选择或者输入获取";
tips[2] ="58同城的房源有少部分几率出现定位错误";
tips[3] ="到达圈仅供参考";
index = Math.floor(Math.random() * tips.length);
document.getElementById('randomp').innerHTML = "Tip:"+tips[index];
}  

$(document).ready(function(){  
    $("#go_top").hide();  
    $(function () {  
        //检测屏幕高度  
        //下面这段代码检测是否超过当前屏幕一页，由于增加了顶栏，所以不准，改用监控滚动
        //var height=$(window).height();  
        //scroll() 方法为滚动事件  
        $(window).scroll(function(){  
            if ($(window).scrollTop()>50){  
                $("#go_top").fadeIn(500);  
            }else{  
                $("#go_top").fadeOut(500);  
                }  
        });  
        $("#go_top").click(function(){  
            $('body,html').animate({scrollTop:0},100);  
            return false;  
        });  
    });  
});