0

Здравствуйте, помогите, пожалуйста, реализовать обновление элементов select из базы данных по нажатию на <a href=''><img src='refresh.png'></a> без перезагрузки страницы.

2 ответа 2

2

Можно использовать для этих целей функцию getJSON. Что-то типа этого:

var url="get_data.php?param1="+param1;
$.getJSON(url,{}, function(data){
    for (var i=0;i<data.tbldata.length;i++)
        {
alert (data.tbldata[i].id);
}
});

в get_data.php:

$param1=$_GET["param1"];
 $outp="{\"tbldata\":[";
 $query="select id from `table`";
 if ($result=mysqli_query($link,$query))
 {
 if ($result=mysqli_query($link,$query))
 if ($outp != "{\"tbldata\":[") {$outp .= ",";}
 $outp .= '{"id":"'.$row["id"].'"}';
 }
 }
 $outp.="]}";
 echo $outp;

Обновление

@kiberchainik, a если подумать? ;-) Вместо alert тут может быть любой код. Я показал пример. А тебе нужно

 $('#my_select').append('option value='+data.tbldata[i].id+'>'+data.tbldata[i].id+'<option>);

Так понятнее?

3
  • не совсем понимаю Ваш запрос, и alert это ведь всплывающее окно, а мне нужно обновление option в select'e 16 фев 2015 в 23:26
  • А если подумать? ;-) вместо alert тут может быть любой код. Я показал пример. А тебе нужно $('#my_select').append('option value='+data.tbldata[i].id+'>'+data.tbldata[i].id+'<option>); Так понятнее? 17 фев 2015 в 5:23
  • 1
    Большое человеческое спасибо, если бы можно было, угостил бы пивом ))) 17 фев 2015 в 7:40
1

Нужно использовать ajax.

Пишеш обработчик, который будет генерить код вида <option value="1">1</option><option value="2">2</option> и т.д. Самому селекту задаешь id и при нажатии на рефреш посылаешь ajax запрос на файл-обработчик, а результат, который возвращается, записываешь в селект.

$("#ваш_ид").html("то_что_вернется");

2
  • еще уточните мне, как вернуть из php обработчика ответ обратно в ajax, чтоб передать его элементу? json_encode(то что возвращаем)? 16 фев 2015 в 21:21
  • можете просто вывести, без json_encode
    – Diefair
    16 фев 2015 в 21:45

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.