2010-09-13 3 views
1

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

<% 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 
    %> 

ответ

4

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

Что-то вроде этого должно работать. Я рекомендую с помощью яваскрипта libary как JQuery, если вы хотите сделать более интерактивным на стороне клиента функциональность

changeLanguage()

<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> 

Javascript:

function changeLanguage(language) { 
    var element = document.getElementById("url"); 
    element.value = language; 
    element.innerHTML = language; 
} 

Update:

код Я использовал для своего теста. Это работает в самых последних версиях хром, 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> 
+0

Привет, благодарю вас за ответ. Я пробовал код, и я получаю и ошибки:/ –

+0

Какая ошибка у вас возникла? –

+0

попробуйте на IE, и вы увидите следующую ошибку: null - это null или не объект –

Смежные вопросы