Railsの5：ビューでJS

と編集アクションでのショー、選択された値Iは、ユーザーが選択可能なドロップダウンを持っている：Railsの5：ビューでJS

<!-- more code above --> 
<% for role in user.roles %> 
<div class="col-sm-10"><select class="form-control m-b" name="users" id="user_list"> 
    <option value="<%= user.id %>" data-edit-url="<%= edit_common_role_path(role.id) %>"><%= user.name %></option>

このJSスクリプトを選択の上、ロールによって選択されたユーザーの役割を開きます編集のためのID（例えば、/共通/役割/ 1 /編集）

<script type="text/javascript"> 
      edit = $('#user_list').change(function() { 
      window.location = $(this).find(":selected").data('edit-url'); 
      }); 
</script>

ドロップダウンメニュー選択したユーザー名が表示されているに編集パスは、開いたときにすることを達成するためにどのように？現時点では常にリストの最初の値を取得します。私はRails 5、Bootstrapです。何か助けてくれてありがとう！

出典

2016-10-12 matiss

私はレールを認識していません。しかし、もしそれがあなたであれば、一度チェックしてみてください。edit-urldata-edit-url。

また、$(this).find(":selected").data('edit-url');の代わりに$(this).data('edit-url')を使用してください。

私はプレーンHTMLとJqueryで小さな実例を持っています。

<html> 

<head> 
<script src="https://code.jquery.com/jquery-3.1.1.js" 
     integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>  
</head> 

<body> 

    <select id="url"> 
     <option value="Please Select">1</option> 
     <option value="https://google.com">2</option>   
    </select> 

</body> 

<script> 

    $('#url').change(function(){ 
        window.location = $(this).val(); 
        }); 

</script>  


</html>

私は願っています。

出典

2016-10-12 14:06:44 gschambial

ありがとうございますが、これは私のためには機能しません。提案された変更のいずれも、パスの編集時にドロップダウン選択を開くことを許可していません。 – matiss

URLがどのように形成されているのか教えていただけますか？ – gschambial

私の編集URLは、ID = 1の編集ロールのための '/ common/roles/1/edit'です。私があなたが提案した変更を行ったとき、基本的に何も起こりませんでした。 – matiss

答えて

関連する問題