jeditable 动态 select 选项
jeditable dynamic select options
我有一个使用 jEditable 的页面,我想动态加载选项列表的选项(取决于当前元素)。
我在 fiddle 中有以下示例:
http://jsfiddle.net/mbv401920150/2rdco6qL/1/
$(document).ready(function() {
$('.edit').editable(function(value, settings) {
console.log(this);
console.log(value);
console.log(settings);
return(value);
}, {
data : " {'E':'E','F':'F','G':'G', 'selected':'F'}", // <---- I WANT TO CHANGE THIS CODE
// ******************************************
// DYNAMIC LOAD - DEPENDING OF THE ELEMENT ID
// ******************************************
// data : function(currentElement) {
// if(currentElement.id == "A") return " { '1':'1', '2':'2', '3':'3' }";
// else return " { 'A':'A', 'B':'B', 'C':'C' }";
// }
type : 'select',
onblur: 'submit'
});
});
我想根据元素检索特定选项的列表。
这可能吗?
我想出了如何完成这项任务,我为每个元素添加了一个额外的 class。
这是一个完整的解决方案:
http://jsfiddle.net/mbv401920150/2rdco6qL/3/
$(document).ready(function() {
$('.letter, .number').each(function(i, e) {
$(e).editable(function(value, settings) {
console.log(this);
console.log(value);
console.log(settings);
return (value);
}, {
data: ($(e).hasClass('letter') ?
" { 'A':'A', 'B':'B', 'C':'C' }" :
" { '1':'1', '2':'2', '3':'3' }"),
type: 'select',
onblur: 'submit'
});
});
});
如果是动态生成(鼠标悬停,点击);我把jEditable初始化后的辅助class去掉。
我有一个使用 jEditable 的页面,我想动态加载选项列表的选项(取决于当前元素)。
我在 fiddle 中有以下示例: http://jsfiddle.net/mbv401920150/2rdco6qL/1/
$(document).ready(function() {
$('.edit').editable(function(value, settings) {
console.log(this);
console.log(value);
console.log(settings);
return(value);
}, {
data : " {'E':'E','F':'F','G':'G', 'selected':'F'}", // <---- I WANT TO CHANGE THIS CODE
// ******************************************
// DYNAMIC LOAD - DEPENDING OF THE ELEMENT ID
// ******************************************
// data : function(currentElement) {
// if(currentElement.id == "A") return " { '1':'1', '2':'2', '3':'3' }";
// else return " { 'A':'A', 'B':'B', 'C':'C' }";
// }
type : 'select',
onblur: 'submit'
});
});
我想根据元素检索特定选项的列表。 这可能吗?
我想出了如何完成这项任务,我为每个元素添加了一个额外的 class。
这是一个完整的解决方案: http://jsfiddle.net/mbv401920150/2rdco6qL/3/
$(document).ready(function() {
$('.letter, .number').each(function(i, e) {
$(e).editable(function(value, settings) {
console.log(this);
console.log(value);
console.log(settings);
return (value);
}, {
data: ($(e).hasClass('letter') ?
" { 'A':'A', 'B':'B', 'C':'C' }" :
" { '1':'1', '2':'2', '3':'3' }"),
type: 'select',
onblur: 'submit'
});
});
});
如果是动态生成(鼠标悬停,点击);我把jEditable初始化后的辅助class去掉。