[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Передача из select
Kostyk92
Задание вот такое: Сделать страницу с selectbox'ом, options которого берутся из базы (таблица из двух столбцов, имена столбцов: "key", "value") из столбца "key". При выборе элемента делать ajax-запрос к серверу и получать значение "value" столбца, соответсвующего выбранному в selectbox'е "Key". Вывести результат под selectbox'ом.
Я реализовал заполнение options'ами из базы, нашел необходимые шаблоны для ajax-запроса, но столкнулся со следующей проблемой - у меня не получается передать выбранное в select значение.
Основная форма:
<html>  
<head>
<meta
http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script
type="text/javascript" src="jquery-1.7.1.js"></script>
</head>
<body>
<form
method=post>
<select
id="select" name="n">
<?php

$db = mysql_connect("localhost","users","users");
mysql_select_db("users" ,$db);
$sql = mysql_query("SELECT * FROM ajax" ,$db);
while ($tablerows = mysql_fetch_row($sql))
{echo("<option>$tablerows[0]</option>");};
?>
</select>
</form>
<div
id="content"></div>
<script>

$(document).ready(function(){

$('#select').change(function(){
$.ajax({
url: "page1.php",
cache: false,
success: function(html){
$("#content").html(html);
}
}
);
});

});
</script>
</body>
</html>

Скрипт для ajax-запроса:
<?php
echo $_POST['n'];
echo 'элемент выбран';
?>

Прошу помочь с решением этой проблемы, и по возможности помочь дописать скрипт вывода значения из столбца value по значению столбца key. заранее спасибо



Спустя 18 минут, 54 секунды (15.03.2012 - 20:18) Kostyk92 написал(а):
ауууу..... есть тут кто живой?

Спустя 50 минут, 57 секунд (15.03.2012 - 21:09) inpost написал(а):
А в чём проблема? Я не вижу проблемы.
Ставишь на onchange событие, далее в гугле смотришь, как узнать, какой элемент выбран (Подсказка: selectedIndex), что-то в этом роде, получаешь параметры этого поля и передаёшь в аякс.

Спустя 2 минуты, 5 секунд (15.03.2012 - 21:11) inpost написал(а):
Google, пишешь в поиске стандартные слова
Слово №1: язык программирования: JS
Слово №2: с чем работаем select (или альтернатива selected)
Слово №3: что нужно получить, это значение в option, значит ставим это слово.

Получаем такой вид запроса: "js selected option"
Первые 3 ссылки всегда дают ответ.

Спустя 4 минуты, 21 секунда (15.03.2012 - 21:15) Kostyk92 написал(а):
ты наверное себя очень умным считаешь, или как? я че первый день живу по твоему? Я перед тем как сюда писать немало чего перерыл, а сюда обратился с чувством того что разгадка совсем где то рядом, но сам я её не разгадал совсем немного, а ты мне тут тычешь своими очень умными советами. нет чтобы реально помочь

Спустя 2 минуты, 37 секунд (15.03.2012 - 21:18) inpost написал(а):
ха-ха-ха! Первый ответ, заголовок: "Как узнать какой элемент выбран и как выбрать нужный элемент?" и далее ответ. 1 страница мини-урока.
Или ты такой умный, что тебе надо готовый код давать? А попробовать поклацать то, как тебя учат - уже сложно?
Мне кажется, что ты первый день живёшь.

Спустя 4 минуты, 58 секунд (15.03.2012 - 21:23) TMake написал(а):
Цитата (Kostyk92 @ 15.03.2012 - 20:59)
у меня не получается передать выбранное в select значение

Цитата (Kostyk92 @ 15.03.2012 - 20:59)
$.ajax({ 
                    url: "page1.php", 
                    cache: false, 
                    success: function(html){ 
                        $("#content").html(html); 
                    }

так ты и не передаешь ни чего, а возвращаешь результат в пустой див
смотри лучше документацию, как в jquery через ajax передаются данные

Спустя 1 минута, 19 секунд (15.03.2012 - 21:24) inpost написал(а):
Ах да, я забыл ответить на первый вопрос.
Так как степень ума не спрашивается, то я отвечу так:
Я умнее тебя в данном вопросе, поэтому я тебя учу. Был бы глупее тебя, слушал бы и учился.

И да, Степан прав, ты же не выполнил запрос отправки Аяксом.

Не стоил ли для начала изучить аякс на простом примере, а не прыгать через 2 занятия.

Спустя 4 минуты, 58 секунд (15.03.2012 - 21:29) Kostyk92 написал(а):
хм... как я понял, при заполнение дива после выполнения аякс запроса код, который был в файле скрипта сразу же выполняется, и таким образом можно использовать метод POST как часть уже текущей страницы. в чем я неправ?

Спустя 3 минуты, 54 секунды (15.03.2012 - 21:33) inpost написал(а):
Он сразу не выполняется, а выполняется при обращении к нему.

Спустя 5 минут, 15 секунд (15.03.2012 - 21:38) Kostyk92 написал(а):
Цитата (inpost @ 15.03.2012 - 18:33)
Он сразу не выполняется, а выполняется при обращении к нему.

Спасибо за помощь, именно это мне в первую очередь и нужно было понять
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.