jQuery X-editable更新下拉列表

我想使用x-editable编辑下拉列表（选择）的每个元素。jQuery X-editable更新下拉列表

<div style="margin: 150px"> 
    <select id="list1"> 
    <option value="1">test1</option> 
    <option value="2">test2</option> 
    </select> 
</div> 

$('#list1').editable({ 
    success: function(response, newValue) { 
    console.log("response: "+response+' val: '+newValue); 
    } 
});

看来，x-editable合并了字符串中的所有选项。当选择一个选项时，x-editable会显示所有选项。这里newValue =“test1 test2”。

有没有一种方式，X编辑能够编辑在选择每一个选项？

=>http://jsfiddle.net/

THX！

来源

2016-10-07 Frank Vielma

你也许意味着要更换新的一个，你在响应 – Franco

是越来越选项..但似乎X编辑不与选择 –

有工作有几种方法可以做到这一点。如果您从数据库中获取值，那么我需要查看您的响应是什么样的。如果您不想手动将选项添加到下拉列表中，则标记将有所不同。 – Franco

首先您需要一个服务器端脚本来保存编辑的值。

your_saving_script.php

如果要设置的值手动，那么你可以这样做：

$('#list1').editable('http://www.example.com/your_saving_script.php', { 
    data : " {'1':'Test 1','2':'Test 2', 'selected':'1'}", 
    type : 'select', 
    submit : 'OK' 
});

如果从服务器端获取数据，你需要一个脚本来获取你的数据：

your_json.php

服务器端脚本

<?php 
/* http://www.example.com/your_json.php */ 
// fetch data from database and return the values in the array 
$array['1'] = 'Test 1'; 
$array['2'] = 'Test 2'; 
$array['selected'] = '1'; 
echo json_encode($array); 
?>

和：

$('#list1').editable('http://www.example.com/your_saving_script.php', { 
    loadurl : 'http://www.example.com/your_json.php', 
    type : 'select', 
    submit : 'OK' 
});

来源

2016-10-08 00:28:47 Franco

jQuery X-editable更新下拉列表

回答

相关问题