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()。