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

时间:2014-04-29 11:11:16

标签: javascript jquery

在我的网站中,我使用DDSlick插件来设置我的选择下拉列表。很好。但我无法使用javascript更改所选值。

例如,如果当前选择的值是" INDIA",那么我想改变" INDIA"到" USA"使用javascript,而不刷新页面。有没有办法做到这一点?

提前致谢。

1 个答案:

答案 0 :(得分: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>

使用类似的代码,您可以创建一个按钮来浏览列表中的所有选项 fiddle
如果这个解决方案不符合您的需求,我会为您浪费时间而道歉。