javascript - Jquery 点击更改表单字段值

标签 javascript jquery

我有这个代码:

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

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

最佳答案

很简单。使用 click将事件处理程序附加到 click 事件,以及 val设置值:

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

正如其他答案中提到的,您可能希望阻止链接的默认行为,但是您的代码目前在问题中( a 上没有 href 属性 元素),这不是必需的。如果这可能会改变,请记住这一点。

关于javascript - Jquery 点击更改表单字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8597730/

相关文章:

jquery - 将项目拖到父级之外并进入 UI 对话框

jquery - 遍历列表项并在线检查宽度

javascript - AngularJs 为什么更新属性比更新变量更好?

javascript - 来自客户端访问 API 的 AJAX 请求的安全性

javascript - OnClick 按钮仅给出 ajax jquery php mysqli 中的第一行值

javascript - 如何使用 JavaScript 制作工作 header ?

javascript - 动态追加 DOM 元素,如果已经添加则无需追加

javascript - 带有可选 optgroup 的 jQuery 多选小部件

javascript - 如何在 CSS 的可调整大小的空间中排列不同长度的元素?

jquery - Kendo UI 与 JQuery 更改模板 : &lt;input&gt; to readonly or disable