Question

我想执行一个on-change事件。有一个下拉菜单和一个锁定按钮，所以当我从该下拉列表中选择名称时，它应该将问题锁定到所选名称。

<td>
   <% if issue_request.status == true %>
      <small class="btn btn-sm btn-success fa fa-check"></small>
   <% else %>
     <% if issue_request.issue_tracker_member_id == nil %>
        <%= select :issue_request,:issue_tracker_member_id,issue_tracker_member_role_wise(issue_request.issue_tracker_group.id),{prompt:"Select Member"},class: "form-control"%>
                          <%= link_to '',lock_request_issue_requests_path(issue_request),class: 'btn btn-sm btn-danger fa fa-lock',data: { confirm: 'Are you sure?' } %> 
                        <% else %>
                          <small class="label label-primary">Locked by <%= current_user.employee.try(:manual_employee_code) %></small>

                              <%= link_to '',unlock_request_issue_requests_path(issue_request),class: 'btn btn-sm btn-warning fa fa-unlock-alt',data: { confirm: 'Are you sure?' } %> | <%= link_to 'Solved',solved_request_issue_requests_path(issue_request),class: 'btn btn-sm btn-primary',data: { confirm: 'Are you sure?' } %>
                               <% end %> 
                        <% end %> 
                    </td>
                  <% end %>
              </tr>
            <% end %> 
          </tbody>
      </table>
    </div>
  </div>

Answer 1

您可以在java脚本或jquery中编写onchange事件来完成它。您需要使用脚本标记并在其中提及javascript。如果您使用的是外部js文件，则需要在应用程序的assets目录下创建它。

Answer 2

在您的视图文件中写下此代码。

<script type="text/javascript">
    $(document).ready(function() {
      $('.form-control').on('change',function(){
        $('fa-unlock-alt').prop('disabled', true);
      })
    }
 </script>

我希望它会对你有所帮助。

如何编写on_change查询？

2 个答案: