2016-07-26 64 views
0

我正在使用easydropdown(https://github.com/patrickkunka/easydropdown)来设置我的选择下拉字段。easydropdown取决于选择

到目前为止,这么好。

然而,当试图使2个选择框可靠时,第2个框仍保留初始值。 我试过的jsfiddle,喷气机无法正确添加的资源似乎: 例如:

http://jsfiddle.net/49FK9/46/

<script type='text/javascript' src="https://cdn.jsdelivr.net/jquery.easydropdown/2.1.4/jquery.easydropdown.js"></script> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.easydropdown/2.1.4/themes/easydropdown.css"> 
<select name="test1" class="dropdown" id="test1"> 
     <option value="0">Select</option> 
     <option value="1">Value 1</option> 
     <option value="2">Value 2</option> 
    </select> 
    <select name="test2" class="dropdown" id="test2"> 
     <option value="0">Select</option> 
     <option value="1">Value 1</option> 
     <option value="2">Value 2</option> 
    </select> 

    <script type='text/javascript'>document.getElementById('test1').addEventListener("change", function() { 
    document.getElementById('test2').selectedIndex = document.getElementById('test1').selectedIndex; 
}, false);</script> 

我会很感激的任何帮助。

回答

0
<script type='text/javascript' src="https://cdn.jsdelivr.net/jquery.easydropdown/2.1.4/jquery.easydropdown.js"></script> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.easydropdown/2.1.4/themes/easydropdown.css"> 
<select name="test1" class="dropdown" id="test1"> 
     <option value="0">Select</option> 
     <option value="1">Value 1</option> 
     <option value="2">Value 2</option> 
    </select> 
    <select name="test2" class="dropdown" id="test2"> 
     <option value="0">Select</option> 
     <option value="1">Value 1</option> 
     <option value="2">Value 2</option> 
    </select> 
<script type='text/javascript'> 
    document.getElementById('test1').addEventListener("change", function() { 
    document.getElementById('test2').selectedIndex = document.getElementById('test1').selectedIndex; 
}, false); 
</script> 
+0

这对我有效.....你可以尝试一次吗? –

+0

我忘了在问题中添加脚本标签,对于混淆抱歉 - 我更新了问题并添加了一个jfiddle。然而,它不是这样工作的 – theblackkey

0

设法让它起作用,但是使用了bootstrap-select而不是easydropdown。

$('。selectpicker')。selectpicker('refresh');做了这份工作