问问题
443 次
2 回答
2
我相信这可能会奏效。
jQuery("#firmos").html($(this).val());
在您的文档就绪功能中,它看起来像这样。
jQuery(function() {
jQuery('#list4').jqDropDown({
optionChanged: function(){
jQuery("#firmos").html($(this).val());
},
direction: 'up',
defaultStyle: false,
containerName: 'theContainer',
toggleBtnName: 'awesomeToggleClass',
optionListName: 'thisListIsRocking',
effect: 'fade',
effectSpeed: 300
});
});
已编辑
实际上,如果您想在另一个元素中重新显示该选项,此控件有一个称为占位符的参数
你可以这样做。
jQuery(function() {
jQuery('#list4').jqDropDown({
placeholder: '#firmos',
direction: 'up',
defaultStyle: false,
containerName: 'theContainer',
toggleBtnName: 'awesomeToggleClass',
optionListName: 'thisListIsRocking',
effect: 'fade',
effectSpeed: 300
});
});
再次编辑
如果你想要一个自定义值,你可以做这样的事情
jQuery(function() {
jQuery('#list4').jqDropDown({
optionChanged: function(){
jQuery("#firmos").html((function (currentElement) {
switch (currentElement.val())
{
case "someval":
return "somethingSpecial1";
break;
case "someval2":
return "somethingSpecial2";
break;
/// more case statements.
}
})($(this)));
},
direction: 'up',
defaultStyle: false,
containerName: 'theContainer',
toggleBtnName: 'awesomeToggleClass',
optionListName: 'thisListIsRocking',
effect: 'fade',
effectSpeed: 300
});
});
于 2013-06-21T20:16:02.853 回答
0
好吧,我看起来这个插件只是复制了 a 中的一个select
元素,list <li>
并且似乎无法从 a 中获得确切的更改值,select
因为如果你看到它它不会改变DOM
(这让我假设onchange
来自该插件的事件仅用于trigger
当你list
改变时的东西)。
因此,您似乎需要做一些棘手的事情来获得selected
实现onchange
事件娱乐的价值。
像这样:
现场演示:http: //jsfiddle.net/oscarj24/nuRKE/
$(function () {
var firmos = $('#firmos');
$('#list4').jqDropDown({
direction: 'up',
defaultStyle: false,
containerName: 'theContainer',
toggleBtnName: 'awesomeToggleClass',
optionListName: 'thisListIsRocking',
effect: 'fade',
effectSpeed: 300
});
//This will be your new 'onchange' event when using 'jqDropDown' plugin.
$('ul .ddOption').on('click', function(e){
var selected = $.trim($(e.target).text());
switch (selected)
{
case 'Aspen':
firmos.html('You selected Aspen.');
break;
case 'Tokyo':
firmos.html('You selected Tokyo.');
break;
//Do the same for other options.
}
});
});
于 2013-06-21T20:48:55.297 回答