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

时间:2017-01-06 03:12:52

标签: javascript javascript-events combobox

我在表单中有两个组合框。第一个组合框:第二个组合框中的位置招聘类型:位置。两个组合框的值是从mysql

动态填充的

我需要更改第二个组合框的值。如果第一个组合框的值更改为" Linux Admin",则第二个组合框的值应显示指定的位置,具体取决于第一个组合框的值。

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

1 个答案:

答案 0 :(得分:0)

我之前已经解决了这个问题。我是在一个MVC C#应用程序中完成的,但这个想法仍然适用于此。

在构建HTML时,使用Name(在您声明的一个案例中)为“Linux Admin”创建组合框的名称 - 值对。在该值中,将所有位置放在制表符分隔的字符串中。

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

这是一个一般性的想法,我用了一组选择框来允许选择一个Make,然后下一个选择框填充可用的模型。

<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>