如何使用JavaScript填充下拉菜单的选项？

Question

如何使用JavaScript填充下拉菜单的选项？

4

我在Tridion CMS扩展中的功能区工具栏按钮上添加了一个按钮。点击该按钮会弹出一个页面，其中包含两个下拉框。通过更改第一个下拉框中的值，我应该为第二个下拉框控件填充值。在我的情况下，我使用的是 ASP 下拉列表控件。暂时我将硬编码要填充到第二个下拉框中的值，用 JavaScript 编写代码实现。对于此需求，我使用以下代码，但无法填充值（未识别

- P.Muralikrishna

2个回答

1

最近我在一个GUI扩展上工作，我们根据另一个下拉框的值填充了一个下拉框。当我使用JavaScript进行填充时，我有以下代码：

$j(c.SystemDropDown).append("<option value=\"" + value + "\">" + value + "</option>");

正如您所看到的，我的示例附加了整个<option>标签，而您的是使用.val()指定的，也许您可以尝试这种方式？

我拥有的版本运行得非常好 :)

- johnwinter

非常感谢您的回复。看起来您正在使用Tridion控件，实现级联下拉列表。请问如何在不刷新页面的情况下实现该功能的逻辑？请帮助我解决这个问题。 - P.Muralikrishna

在我的例子中，我正在使用c.SystemDropDown，它在扩展中被定义为普通的<select>，如果你将其更改为使用你的下拉菜单，它应该可以完美地工作。 - johnwinter

请提供实现级联下拉框的逻辑。我之所以这样问，是因为当我尝试实现时，我的页面会刷新。请分享逻辑，我非常需要它。 - P.Muralikrishna

你正在使用ASP.NET控件，因此页面的刷新很可能是由于postback引起的。你是否尝试过在不使用Tridion的情况下，仅使用普通的ASP.NET构建相同的逻辑？ - Frank van Puffelen

@Puff 我尝试使用纯ASP.NET创建相同的内容。在那种情况下，页面也会刷新。 - P.Muralikrishna

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- LCJ · Accepted Answer

与其按需添加值，您可以使用以下方法：

预先将所有项目添加到DOM中。
使用jQuery逻辑隐藏所需的项目。

您可以参考以下帖子获得提示使用jQuery隐藏选择列表中的选项

还请查看基于所选单选按钮禁用jQuery SELECT选项（需要支持所有浏览器）。