在我的网站上,我使用 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/