如何自动当有标签时,使用ScriptAculoUs InplaceCollectionEditor选择特定元素?

时间:2016-10-25 00:16:51

标签: javascript scriptaculous

我正在使用Scriptaculous InPlaceCollectionEditor,可以选择到位并默认选择一个选项。我的问题是,当我尝试在有标签时选择默认选项时,它不会选择该选项。在下面的示例中,我想默认选择Mysql但它不起作用。当我点击结果时,它默认显示Php而不是Mysql。这是Jsfiddle

<div id="maxime">Mysql</div> (should autoselect "Mysql")
<script>
 new Ajax.InPlaceCollectionEditor(      'maxime',      '_ajax_inplaceeditor_result.html',      {         okText: 'Ok',         cancelText: 'Cancel',         collection: [['1', 'Php'], ['2', 'Mysql'], ['3', 'Javascript'], ['4', 'C++']]      }   );
</script>

如何在不移动Mysql位置的情况下默认选择Mysql?

1 个答案:

答案 0 :(得分:0)

您必须为其添加值。默认情况下,该值必须是您要选择的值。但是,即使在执行更新时默认选择它,也不会保留选择。我猜这是Scriptaculous和原型js的弱点。因此,您必须使用编程语言进行一些扭曲。

<script>
 new Ajax.InPlaceCollectionEditor(      'maxime',      '_ajax_inplaceeditor_result.html',      
 {         
 okText: 'Ok',         
 cancelText: 'Cancel',         
 collection: [['1', 'Php'], ['2', 'Mysql'], ['3', 'Javascript'], ['4', 'C++']],
 value: 2,
 ajaxOptions: {method: 'post'} //override so we can use a static for the result

 }   );
</script>