Событие OnClick () в выпадающем списке - PullRequest
1 голос
/ 13 сентября 2010

У меня есть выпадающее меню.Когда я нажимаю на «Итальянский» в раскрывающемся списке, я хочу, чтобы отображался контент для итальянского.По сути, я хочу настроить действие на ИТ, когда я выбираю итальянский язык из выпадающего списка.Как я могу это оценить?

 <% action = Request.QueryString("action") %>

    <form name="contentchanger" action="/" method="post">
         <select name="flag" name="flag">
              <option value="Choose" selected="selected">Choose</option>
              <option value="italian" onclick="what code i should use here?">Italian</option>
         </select>
    </form>
    <a href="?action=FR">FR</a>
    <a href="?action=IT">IT</a>

    <%
    if action = "IT" Then  
      Response.Write("<p>This is italian</p>") 
    else if  action = "FR" Then  
      Response.Write("<p>This is French</p>") 
    end if
    end if
    %>

1 Ответ

4 голосов
/ 13 сентября 2010

Лучше использовать событие onchange в поле выбора.Onclick не работает хорошо во всех браузерах.Свяжите функцию javascript с событием onchange, которое изменяет URL-адрес элемента a (или перенаправьте на правильный URL-адрес, если вы хотите изменить его мгновенно).Я рекомендую использовать библиотеку javascript, такую ​​как jquery, если вы хотите использовать больше интерактивных функций на стороне клиента.Обновление:

Код, который я использовал для своего теста.Это работает в самых последних версиях Chrome, Firefox и т. Д.

<html>
<head>
 <script>
  function changeLanguage(language) {
   var element = document.getElementById("url");
   element.value = language;
   element.innerHTML = language;
  }
 </script>
</head>
<body>
<select onchange="changeLanguage(this.value)">
    <option value="Choose" selected="selected">Choose</option>
    <option value="IT" >Italian</option>
    <option value="FR" >France</option>
</select>

<a id="url" href="?action=IT">IT</a>
</body>
</html>
...