使用JavaScript更改DDSlick下拉菜單的選定值

在我的網站中，我使用DDSlick插件來設計我的選擇下拉菜單。很好。但我無法使用javascript更改所選值。使用JavaScript更改DDSlick下拉菜單的選定值

例如，如果當前選擇的值是「INDIA」，那麼我想通過使用javascript將「INDIA」更改爲「USA」，而不刷新頁面。有沒有辦法做到這一點？

在此先感謝。

來源

2014-04-29 Arun

你可以提供更多的信息，也許創建一個http://jsfiddle.net就像它是一樣的下拉... – caramba

通過'將「印度」改爲「美國」'你是否想要避免「印度」選擇並強制用戶選擇「美國」？ –

@Batu Zet：這意味着，我的下拉列表中有5個國家/地區名稱。印度是默認選擇的。當點擊一個按鈕時，我需要使用JavaScript將INDIA更改爲美國或其他地區。那可能嗎？ – Arun

如果你想強制一個特定的選定項目點擊按鈕，你使用這段代碼。

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.ddslick.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#dropdown').ddslick({ 
     width: 300, 
     selectText: "Select an item", 
     onSelected: function (data) { 
      console.log(data) 
     } 
    }); 

    $('#button').on('click', function() { 
      $('#dropdown').ddslick('select', {index: 2 }); 
    }); 
}) 
</script> 
</head> 
<body> 
<select id="dropdown"> 
    <option>select</option> 
    <option id="a" value="">INDIA</option> 
    <option id="b" value="">USA</option> 
    <option id="c" value="">AFRICA</option> 
</select> 
<input name="" type="button" value="change" id="button"> 
</body> 
</html>

類似的代碼，你可以創建一個按鈕，通過在列表中
fiddle
所有選項瀏覽如果此解決方案不能滿足您的需求，我讓你們失去的時間表示歉意。

來源

2014-04-29 13:26:30 Devima

非常感謝......它的工作原理.. :) – Arun

這適用於索引爲0時除外。然後該選項不顯示。這是2013年的一個錯誤，應該是固定的，但是我幾個月前剛開始使用ddslick，並且遇到了這個問題。該文件的日期是10/31/2014，不幸的是沒有版本號。 –

@ user2822280：你只需要編輯這部分代碼[如圖所示]（https://github.com/neo/ddslick/commit/f83bb4f1d0e6124bd2f00ccff96ae948dec0f936） – Billy

使用JavaScript更改DDSlick下拉菜單的選定值

回答

相關問題