Jquery Нажмите, чтобы изменить форму Поле

Question

У меня есть этот код:

<input type="text" name="frameSelection" id="frameSelection" value="Option 1" /> 
<a id="change">Change to Option 2</a> 

Когда я нажимаю на ссылку, я хочу, чтобы изменить значение поля в «Вариант 2». Как я могу это сделать?

Answer 1

Очень простой. Используйте click присоединить обработчик события к click событию и val установить значение:

$("#change").click(function() { 
    $("#frameSelection").val("Option 2"); 
}); 

Как уже упоминалось в других ответах, вы можете захотеть, чтобы предотвратить поведение по умолчанию ссылки, но с вашим кодом в в настоящее время находится в вопросе (без атрибута href на элементе a), который не является обязательным. Имейте это в виду, если это может измениться.

Answer 2

С JQuery:

$('#change').click(
    function(e){ 
     e.preventDefault; // if your a has an href attribute, this prevents the browser 
          // following that link. 
     $('#frameSelection').val("Option 2"); 
    }); 

Ссылки:

• click().
• e.preventDefault.
• val().