자바 스크립트 및 레일즈를 사용하여 링크 드롭 다운 메뉴 만들기

Question

링크 드롭 다운 메뉴를 만들려고합니다. 내가 드롭 다운 메뉴 생성하기 위해 레일에 다음을 사용 :

<select id="post_id" name="post[id]"> 
    <option value="">Your posts</option> 
    <option value="">None</option> 
    <option value="/posts/1">Vacations</option> 
</select> 

그리고 나는 다음을 얻기 위해 노력하고 있어요 :이 루비의 결과로

select("post","id", current_user.admin.post.all.collect {|p| [p.title, post_path(p) ] }, {:include_blank => 'None', :prompt => 'Your Posts'}) 

를 드롭 다운 메뉴는 다음과 같습니다 자바 스크립트가 올바른 URL로 사용자를 보낼 그러나

$(document).ready(function() { 
    $("#post_id").change(function() { 
    var newwindow = $("#post_id option:selected").attr("id"); 
    window.location.replace(newwindow); 
    }) 
}); 

, 그것은/관리자/undefined로 이동하려고 시도하고이와 함께 다시 온다 :

는

이 어떤 도움을 주시면 감사하겠습니다

정의되지 않은 ID로 관리를 = 찾을 수 없습니다!

$("#post_id").change(function() { 
    var newwindow = $("#post_id option:selected").attr("value"); 
    if(newwindow) 
     window.location.replace(newwindow); 
    else 
     // Complain or something. 
}); 

을 또는 단지 <select>에서 바로 값을 잡아 :

존

Answer 1

당신의 <option> 요소 중 어느 것도 id 속성이 없기 때문에 당신은 undefined을 얻고는, 아마 당신은 자신의 값을보고 싶을 :

$("#post_id").change(function() { 
    var newwindow = $("#post_id").val(); 
    if(newwindow) 
     window.location.replace(newwindow); 
    else 
     // Complain or something. 
});