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

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

提前致谢。

最佳答案

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

<!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
如果此解决方案无法满足您的需求,我深表歉意使您浪费时间。

10-05 20:53
查看更多