Javascript Jquery单击以更改表单字段值

Javascript Jquery单击以更改表单字段值,javascript,jquery,Javascript,Jquery,我有以下代码: <input type="text" name="frameSelection" id="frameSelection" value="Option 1" /> <a id="change">Change to Option 2</a> 改为备选方案2 单击链接时,我想将字段值更改为“选项2”。我该怎么做呢?非常简单。用于将事件处理程序附加到单击事件,并设置值: $("#change").click(function() { $(

我有以下代码:

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

改为备选方案2
单击链接时,我想将字段值更改为“选项2”。我该怎么做呢?

非常简单。用于将事件处理程序附加到
单击事件,并设置值:

$("#change").click(function() {
    $("#frameSelection").val("Option 2");
});
如其他答案中所述,您可能希望阻止链接的默认行为,但如果您的代码与问题中当前的代码相同(在
a
元素上没有
href
属性),则不需要这样做。如果这种情况可能发生变化,请记住这一点。

使用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");
    });
参考资料: