javascript - Jquery Click to Change Form Field Value - Stack Overflow

admin管理员组

文章数量:1342908

I have this code:

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

When I click on the link I want to change the field value into "Option 2". How can I do that?

I have this code:

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

When I click on the link I want to change the field value into "Option 2". How can I do that?

• javascript
• jquery

Share Improve this question Follow asked Dec 21, 2011 at 23:30 Andrei RRRAndrei RRR 3,1621717 gold badges4747 silver badges8282 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Very simple. Use click to attach an event handler to the click event, and val to set the value:

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

As mentioned in other answers, you may want to prevent the default behaviour of the link, but with your code as it currently is in the question (with no href attribute on the a element) that's not necessary. Just bear it in mind if that could change.

With 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");
    });

References:

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

本文标签： javascriptJquery Click to Change Form Field ValueStack Overflow