javascript - 使用 JavaScript 更改 DDSLick 下拉列表的选定值

标签 javascript jquery

在我的网站上,我使用 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
如果此解决方案不适合您的需求,很抱歉让您浪费了时间。

关于javascript - 使用 JavaScript 更改 DDSLick 下拉列表的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23363008/

相关文章:

javascript - 如何仅重新加载最低的 iframe 的父级

javascript - AWS S3 - CORS 选项预检在使用 VersionId 删除期间抛出 400 错误请求

jquery - carouFredsel缩略图实现和IE7

javascript - 如何使用给定的任何特定排序顺序对 Jquery 中的字符串数组进行排序

javascript - 等待 fetch() 解析使用 Jest 进行 React 测试?

javascript - JavaScript 中的 CSS 边框

javascript - 在 Div 上拖放

javascript - 在 onclick javascript 或 jquery 中触发 onclick 事件?

javascript - 如何自动滚动(动画)带有文本的 <div>,溢出设置为自动或滚动?

ajax - jquery $.ajax 成功响应问题