javascript - 根据下拉菜单填充和禁用文本字段

标签 javascript jquery html drop-down-menu

不幸的是我对 javascript/jQuery 不太熟悉。我有一个带有下拉菜单的表格。我需要做的是根据下拉列表的选择填充文本字段。下拉列表的第一个声音是“其他”,因此文本字段必须是可写的,然后从第二个开始我想自动分配一个值并禁用文本字段。

下拉列表的值将保存在数据库中,因此它必须保留选项的名称。

我通过谷歌找到了几个解决方案,但没有一个适合我的需求...希望有人可以帮助我。

最佳答案

要创建您正在寻找的功能,您需要学习一些基本知识。

jQuery 选择器

首先,如果您还不熟悉 jQuery 的选择器语法,learn about it here .

.change() 事件

接下来,您需要知道如何绑定(bind)到下拉菜单的 .change 事件。一种方法是 $('#dropdownId').change(function() { ... });,它只是 $('#dropdownId') 的快捷方式.on('change', function() { ... }); .在回调函数中,您可以使用 this 访问下拉元素,并使用 $(this) 访问 jQuery 对象。

然后我们可以使用 $(this).val() 获取下拉列表的值,并使用一些基本逻辑来启用/禁用文本框并设置其值。

启用/禁用文本框

要启用/禁用文本框,您可以使用:$('#txt').removeAttr('disabled');$('#txt').attr('分别为“disabled”、“true”);`。

示例
我已经在一个示例 fiddle 中为您组合了所有这些内容,以向您展示如何将这些内容组合在此 jsFiddle 中。 。如果您对其工作原理有任何疑问,请告诉我:)

关于javascript - 根据下拉菜单填充和禁用文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17968054/

相关文章:

javascript - window.open 的替代方法

php - 从 HTML 将文本区域写入 PHP 文件

javascript - jQuery 从下拉列表中选择值不起作用

javascript - 在更复杂的场景中合并localStorage(保存多个数组)

javascript - 如何使用 Open-flash-charts2 显示友好的错误消息?

javascript - HTML - 对 jQuery 的引用

javascript - 单击图像时如何在图像上显示刻度线和叠加层,但是当我单击其他图像时它应该隐藏并在新图像上显示相同的图像?

javascript - 提取 JSON 字符串内的 JSON 数组

ajax - jQuery 和 Ajax : ReferenceError: ajax is not defined

javascript - 如果动态插入html,如何获取div标签的高度?