使用Javascript更改其他组合框的组合框的值答案

【问题标题】：Change the value of combo box of other combo box using Javascript使用Javascript更改其他组合框的组合框的值
【发布时间】：2017-05-20 18:44:36
【问题描述】：

我在一个表单中有两个组合框。第一个组合框：职位招聘类型，而第二个组合框：位置。两个组合框的值是从mysql动态填充的

我需要更改第二个组合框的值。如果第一个组合框的值更改为“Linux Admin”，那么第二个组合框的值应该显示指定位置取决于第一个组合框的值。

我找到了相同的功能，但值是手动填充的Javascript - combobox change value of other combobox

【问题讨论】：

你试过了吗？请给你看代码。

标签： javascript combobox dom-events

【解决方案1】：

我以前解决过这个问题。我在一个 MVC C# 应用程序中这样做了，但这个想法在这里仍然有效。

在构建 HTML 时，为组合框创建名称-值对，名称（在您所述的一种情况下）为“Linux Admin”。在该值中，将所有位置作为制表符分隔的字符串。

在 javascript 中，当第一个组合框发生变化时，让脚本从第一个组合框选择器中读取值，然后拆分这些值并将它们作为名称放入下一个组合框。

这是我用于一组选择框以允许选择品牌的一般想法，然后用可用模型填充下一个选择框。

<select>
    <option value="Escape,Expedition,Explorer,F150,F350SD,Focus,Fusion,Mustang,T250 Vans">Ford</option>
    <option value="Acadia,Envoy XL,Sierra 1500,Sierra 2500 Clsc,Terrain,Yukon">GMC</option>
</select>

【讨论】：