jquery中onchange和onclick的使用

<script src="/js/jquery-1.8.3.min.js"></script>

 <!-- ! 日期 js,css -->

<script src="/js/jquery-ui.js"></script>

<link rel="stylesheet" href="/css/demo.css">

<form >

      <li style="margin-right: 0; margin-left: -20px;">

         <span>切换试图</span>

         <select onchange="choose_status(this);" style="width:150px" id="changeview" name="changeview" class="form-control">

            <option label="所有交易" value="all">所有交易</option>

            <option selected="selected" label="进行中的交易" value="current">进行中的交易</option>

            <option label="已完成的交易" value="completed">已完成的交易</option>

            <option label="已取消的交易" value="cancelled">已取消的交易</option>

            <option label="待处理的交易" value="needaction">待处理的交易</option>

            <option label="待评价的交易" value="needfeedback">待评价的交易</option>

         </select>

       <script>

         document.getElementById("sel1").selected=true;

       </script>

      </li>

      <li style="margin-right:0;">

         <span>行为:</span>

         <select onchange="choose_type(this)" id="filter"  name="filter" class="form-control">

            <option selected="selected" label="全部" value="all">全部</option>

            <option label="买入" value="buying">买入</option>

            <option label="卖出" value="selling">卖出</option>

         </select>

      </li>               

      <li style="margin-right: 0;">

          <span>时间范围</span>

          <input type="text" id="datepicker1" class="form-control "><small> - </small><input type="text" id="datepicker2" class="form-control ">

          <button type="button" id="search" onclick="search()" value="search" class="button button-primary button-rounded button-small">查询</button>

      </li>

         <div class="clear"></div>

</form>

 <!-- ! 查询 JS -->

    <script>

                function choose_status(a){

                    var status = a.value;

                   //  alert(status);

                }

                function choose_type(b){

                    var user_type = b.value;

                 //   alert(type);

                }

                $("#search").click(function(){

                  // alert('search');

                    var status = $("#changeview option:selected").val();

                    var user_type = $("#filter option:selected").val();

                    var start_time = $("#datepicker1").val();

                    var end_time = $("#datepicker2").val();

                     query = status +'\n'+ user_type + '\n'+start_time +'\n'+end_time;

                    alert(query);

                });

     </script>

  <!-- ! 日期 JS -->

            <script>

                $(function() {

                    $( "#datepicker1" ).datepicker();

                    $( "#datepicker2" ).datepicker();

                });

            </script>