Блог

Главная - Вопросы по программированию - jQuery X -редактируемые выпадающие списки обновлений

jQuery X -редактируемые выпадающие списки обновлений

#jquery #select #dropdown #x-editable

#jquery #выберите #выпадающий список #x-редактируемый

Вопрос:

Я хотел бы отредактировать каждый элемент выпадающего списка (выбрать) с помощью 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-editable может редактировать каждый параметр в select ?

=> http://jsfiddle.net /

Спасибо!

Комментарии:

1. Может быть, вы имеете в виду, что хотите заменить параметры на новые, которые вы получаете в ответе

2. Да .. но кажется, что x-editable не работает с selects

3. Есть несколько способов сделать это. Если вы получаете значения из базы данных, мне нужно посмотреть, как выглядит ваш ответ. Если вместо этого вы хотите добавить параметры в выпадающий список вручную, разметка будет другой.

Ответ №1:

Сначала вам в любом случае понадобится скрипт на стороне сервера для сохранения отредактированных значений.

 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'
 });