2016-10-25 127 views
1

我想在<select>字段上执行更改事件。根据所选值,我想过滤另一个<select>字段。现在想想我可以如何实现这一点,请任何帮助。Odoo POS javascript on change

回答

0

不知道到底想要什么

检查的代码片段,这是我从您的问题陈述了理解

window.onload = function() { 
 
    var choose_one = document.getElementById("select_one"); 
 
    choose_one.addEventListener("change", ChangedOption); 
 
} 
 

 
function ChangedOption() { 
 
    var choose_one = document.getElementById("select_one"); 
 
    var choose_two = document.getElementById("select_two"); 
 
    var selectedIndex = choose_one.selectedIndex; 
 
    if (selectedIndex > -1) { 
 
    var selectedValue = choose_one.options[choose_one.selectedIndex].value; 
 
    var selectTwoOptions = choose_two.options; 
 

 
    for (var i = 0; i < choose_two.options.length; i++) 
 
     if (selectTwoOptions[i].value == selectedValue) { 
 
     selectTwoOptions[i].selected = true; 
 
     } 
 
    
 
    } 
 
}
<select id="select_one"> 
 

 
    <option value="1">one</option> 
 

 
    <option value="2">two</option> 
 
    <option value="3">three</option> 
 
</select> 
 
<select id="select_two"> 
 
    <option value="4">four</option> 
 
    <option value="3">three</option> 
 
    <option value="5">five</option> 
 
</select>

希望这有助于