如何在使用$（“＃id”）后启用事件处理程序。

Question

我有一个下拉选择使用户通过一个特定的column.Here的我的代码来搜索一个搜索表单：

<form action="<?php echo site_url('admin/home/search');?>" method="post" accept-charset="utf-8"> 
<div class="pull-left" style="margin-left:150px" > 
    <select class="form-control pull-left" name="searchby" id="searchby" > 
     <option class="label">- Search by -</option> 
     <option value="name">Name</option> 
     <option value="address">Address</option> 
     <option value="date">Date</option> 
    </select> 
</div>  
<div class="pull-right" style="margin-left:10px"> 
    <div class="input-group date col-sm-12"> 
     <input type="text" class="form-control" placeholder="Search " name="key_key" id="key_key" required /> 
     <div class="input-group-btn"> 
      <button class="btn btn-md" type="submit"><span class="fa fa-search"></span></button> 
     </div> 
    </div> 
</div> 

我也用日期选择器。每当<select>变量的值是日期，我触发日期选择器 ..并禁用它，我认为，我已经使用了这样的事情$("#id").off();但问题是，当删除事件处理程序后的值是日期同样，日期选择器不会弹出。为了进一步了解它，这里是我的jQuery代码：

$('#searchby').on('change', function() { 
if(this.value=="date"){ 
    $("#key_key").on(); 
    $('#key_key').datepicker(); 

} 
else{ 
    // $('#key_key').datepicker("disable"); 
    $("#key_key").off(); 
} 
}) 

任何人都可以帮助我吗？在此先感谢:)

Answer 1

尝试this小提琴。有用。

$(document).ready(function() { 
    //$('#key_key').datepicker(); 
$('#searchby').on('change', function() { 
     if (this.value == "date") {    
      $('#key_key').datepicker(); 
     } else { 
      $('#key_key').datepicker("destroy"); 
     } 
    }); 
});