使用JavaScript更改DDSlick下拉列表的选定值

Question

在我的网站中，我正在使用DDSlick插件来设置我的下拉列表的样式。 很好。 但是我无法使用javascript更改选定的值。

例如，如果当前选择的值为“ INDIA”，那么我想使用javascript将“ INDIA”更改为“ USA”，而无需刷新页面。 有什么办法吗？

提前致谢。

Answer 1

如果要在单击按钮时强制选择特定的项目，则可以使用此代码。

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

使用类似的代码，您可以创建一个按钮来浏览列表中的所有选项
小提琴
如果此解决方案无法满足您的需求，我深表歉意使您浪费时间。

使用JavaScript更改DDSlick下拉列表的选定值

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-04-29 13:26:30

使用JavaScript更改DDSlick下拉列表的选定值

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-04-29 13:26:30

解决方案1
2 已采纳 2014-04-29 13:26:30