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>
から正確に変更された値を取得すること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 に答える