Как перенаправить на страницу с помощью кнопки в выпадающем списке (options_for_select) - PullRequest
0 голосов
/ 26 февраля 2011

Как я могу создать выпадающий список, используя select_tag "xyz", options_for_select или любым другим способом, где при выборе любой опции из списка вниз и нажатия кнопки перенаправит меня.

Любая помощь ??

<td> 
  <%= select_tag "options", options_for_select( 
                              [["Dashboard", 
                                "/homes/"+registrar.enrollment_application.id.to_s
                              ]] ) %>
</td> 
<input type="button" value="Select" onclick = "check_options()" > 

Если приведенный выше код правильный, тогда все, что мне нужно, чтобы написать JavaScript ??пожалуйста, дайте мне сейчас

function = check_options() { 

Ответы [ 2 ]

0 голосов
/ 26 февраля 2011

Вы должны добавить javascript, как это

function check_options() { 
  window.location = document.getElementById("options").value
}
0 голосов
/ 26 февраля 2011

Если вы можете использовать javascript или даже jquery на стороне клиента, вы можете установить window.location на основе выбранного элемента в раскрывающемся списке после нажатия кнопки:

HTML: Thisэто то, как вы настраиваете свой список выбора и кнопку

<select id="options">
  <option value="http://stackoverflow.com">Stack Overflow</option>
  <option value="http://google.com/">Google</option>
</select>
<input type="button" id="optionsbutton" value="Go" />

JavaScript: Это то, как вы подключаете нажатие кнопки к окну перенаправления

var onButtonClick = function() {
    window.location.replace($("#options").val()) //<--- This gets the selected value
                                                 //     and redirects the window
}

$(document).ready(function(){
    $("#optionsbutton").click(onButtonClick);  //<--- This hooks up the button click
                                               //     to do the onButtonClick function
});

См. Как перенаправить на другую веб-страницу в JavaScript / jQuery? для получения дополнительной информации.

Обновление с использованием предоставленного кода

Вам просто нужно сделать свои check_optionsФункция найти выбранное значение и установить местоположение окна:

var check_options = function() {
  window.location.replace($(" [ use selector for select element ] ").val());
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...