2016-07-26 145 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');做了這份工作