[JQuery] append или html вывод данных в <input>

[Nordway]

Может быть тут есть знатоки JQuery\Ajax кто сможет помочь.
Делаю не сложную задачу по подгрузке данных из БД (например, пользователь вводит email и получает имя пользователя)

Формирую скрипт для отправки пользователю вот таким способом:

$js = 'var db = $("#name");';
$js .= 'db.html("'.$query['text'].'");';

Его обрабатывает вот такая JS функция

function Send() {
    $.post("ajax.php",
    {
        act: "send",
        email: $("#email").val()
    },
    function (result) {
        eval(result);
    });

    $("#name").focus();
    return false;
}

Функция рабочая. Проблема заключается в том, что в

<div id='name'></div>

информация передаётся, а в

<input type='text' id='name' value=''>

не передаётся

Подскажите в чём косяк =\

[virusav]

Как я понимаю, приходит result, который содержит код JS.
В нем может быть прописано проставление значения в innerHTML, а у INPUT должно быть value.

[Nordway]

Вот как раз дело в том что, не всегда почему то отсылает данные. Сейчас вот ещё покапался и пришёл к таким результатам:

Использование append(); - работает только с <DIV>, причём не делает очистку при повторном выполнении.

$js .= 'db.append("'.$query['text'].'");';

Использование html(); - работает только с <DIV>

$js .= 'db.html("'.$query['text'].'");';

Использование val(); - работает только с <INPUT>

$js .= 'db.val("'.$query['text'].'");';

Использование attr(); - работает только с <INPUT>

$js .= 'db.attr("value", "'.$query['text'].'");';

[virusav]

DIV - блочный элемент, может содержать вложенные элементы.
INPUT - неблочный элемент, не может содержать внутри другие элементы.

append() - работает с блочными элементами.
html() - для элементов, у которых есть атрибут innerHTML.
val() - для элементов, у которых есть атрибут value.

attr() - должен работать со всеми элементами, у которых есть атрибуты.

[tempura]

А если попробовать не input, а textarea (блочный?) сделав его высотой в одну строку, и ограничив по кол-ву символов?

[virusav]

У TEXTAREA тоже только value.

[tempura]

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля, а value там как раз нет.

Атрибуты
accesskey - Переход к полю с помощью сочетания клавиш.
cols - Ширина поля в символах.
disabled - Блокирует доступ и изменение элемента.
name - Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
readonly - Устанавливает, что поле не может изменяться пользователем.
rows - Высота поля в строках текста.
tabindex - Порядок перехода между элементами при нажатии на клавишу Tab.
wrap - Параметры переноса строк.
Также для этого тега доступны универсальные атрибуты и события.

Или это не о том?

Сообщение от tempura

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля, а value там как раз нет.
Или это не о том?

у всех элементов форм атрибут value есть, оно то и передается в формах...
не надо голову ломать, выставлять и value и innerHTML значение и забыть

[virusav]

У TEXTAREA значение пишется в value, хотя можно обратиться и через innerHTML.

Для сравнения: в Сафари 5 value возвращает текст без учета энтеров в начале, а innerHTML возвращает с энтером.

[tempura]

Сообщение от virusav

У TEXTAREA значение пишется в value, хотя можно обратиться и через innerHTML.

У textarea значение пишется между <textarea> и </textarea>, а никак не в value. Если открыть любую страницу форума на просмотр кода, и кинуть там поиском по "textarea" - там (например):

<TEXTAREA style="WIDTH: 540px; DISPLAY: block; HEIGHT: 250px; oWidth: 540px" dir=ltr id=vB_Editor_001_textarea tabIndex=1 rows=10 cols=60 name=message editorid="vB_Editor_001">
У textarea значение пишется между <textarea> и </textarea>, а никак не в value.
</TEXTAREA>

[virusav]

Если значение пишется между тегами, то это не означает, что value у TEXTAREA нет.

[Nordway]

Как вариант для <textarea> можно использовать .text()
Проверить достовреность информации в данный момнет нет возможности, но где-то об этом слышал

[tempura]

Так нам же, по идее, надо append() загонять внутрь какого-то поля? В смысле - я вообще потерял конечную цель... Что на входе есть, и чего в итоге получить надо?

Судя по первому посту:

в

PHP код:

<div id='name'></div> 


информация передаётся, а в

PHP код:

<input type='text' id='name' value=''> 


не передается

Я и думал, что ежели вывод сделать в

PHP код:

<textarea id='name'></textarea> 


и стилями ему придать внешний вид как у input, то все будет нормально.

Сообщение от tempura

В смысле - я вообще потерял конечную цель... Что на входе есть, и чего в итоге получить надо?

вот главный вопрос...Что хотим?
input -> Ajax -> input -> submit ( ввод мыла, запрос на поиск пользователя по мылу, вывод данных в форму для отправки на сервер )
input -> Ajax -> input(div) ( ввод мыла, запрос на поиск пользователя по мылу, вывод данных в форму или блок для отображения пользователю)

что ожидаем от процесса?

[virusav]

Не осилил описания.
Скрин формы есть?

[Nordway]

Задача была такой: пользователь вводит в поле_1 свой\чей-то email. После нажатия кнопки в поле_2 появляется имя хозяина этого почтового адреса. Если в БД нет такого адреса - выводится соотв. сообщение.

Вид формы в приложении.

Сошлись на том, что .append() для вывода информации в поле_2 не пригоден (т.к. тип поля input), и желательно использовать метод .val() или .attr()

Nordway, имхо, использовать input - "не красиво"...его и править можно( со стилем disabled уже не то ), и само по себе поле выглядит лишним...а если у человека отключен javascript?
может просто: alert('Имя пользователя: '+name) или переход на страницу с именем( при отключенном js ) ?

[alien]

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	</head>
	<body>
	<form onSubmit="return Send()">
	<input type="text" id="email" >
	<input type="submit">
	<input type="text" readonly="readonly" id="name" >
	</form>
	<script>
	function Send() {
    $.post("ajax.php",
    {
        act: "send",
        email: $("#email").val()
    },
    function (result) {
        $("#name").val(result);
    });

    $("#name").focus();
    return false;
}
	</script>
	</body>
	</html>

ajax.php:

<?
if($_POST['email']==="test@mail.ru") echo "Good mail"; else echo "Bad mail";

?>

[tempura]

Сообщение от alien

. . .

Круто промазал...

[Nordway]

Minimajack, согласен. Для случаев когда редактировать ничего не нужно его использовать плохо. Но дело в том, что форму нужно дальше отправлять. И по E-mail из БД вспоминается не только имя пользователя, но и его контактные данные и другая информация, которую пользователь возможно захочет изменить. Поэтому и использую input

[SergiK_KilleR]

кстати, вспомнилась одна вещь - если надо получить много данных аяксом и заполнить ими форму (для редактирования или отпрвки куда либо). Я использовал JsHttpRequest (http://dklab.ru/lib/JsHttpRequest/) - формируем массив данных на сервере (backend) и обрабатываем результат как массив/хеш уже на стороне клиента (frontend).

Совместимость в jQuery не проверял, а вот с Prototype работает нормально