Как передать данные от стола до поля ввода?

У меня есть этот стол, перечисляющий имена пользователей и электронные письма:

<table>
    <tr>
        <th>Users</th>      
    </tr>
    <tr class="altrow">
        <td>admin   <div style="visibility: hidden">[email protected]</div></td>
    </tr>
    <tr>
        <td> User1  <div style="visibility: hidden">[email protected]</div></td>
    </tr>
    <tr class="altrow">
        <td>User 2 <div style="visibility: hidden">[email protected] </div></td>
    </tr>
</table>

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

Основная проблема состоит в том, который когда-то щелкнул по имени пользователя или флажку рядом с ним, я был бы liek адрес электронной почты, чтобы появиться в следующей коробке:

<input name="data[To]" type="text" id="To"/>

Я действительно ценю вашу помощь здесь!

0
nl ja de
Какой код вы имеете до сих пор?
добавлено автор Rory McCrossan, источник

2 ответы

Что-то как следующее будет работать с вашим текущим повышением (хотя было бы более хорошо дать вашему столу id, чтобы выбрать его с):

$(document).ready(function() {
    $("table td").click(function() {
        $("#To").val( $(this).find("div").text() );
    });
});

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

Demo: http://jsfiddle.net/hUXx4/

Я был бы более склонен хранить данные в html5-стиле данные - признак, например:

<td data-email="[email protected]">admin</td>

... в этом случае вы использовали бы его как так:

$("#To").val( $(this).attr("data-email") );
// OR
$("#To").val( $(this).data("email") );
3
добавлено
Большое спасибо! Но что было бы, если я должен позволить пользователю нажимать на многократные адреса электронной почты и перечислять их всех в поле ввода?
добавлено автор Johhny P, источник
Хорошо можно приложить к what' s уже там с $ (" #To") .val ($ (" #To") .val() + "" + $ (этот) .find ("отделение") .text ()); .
добавлено автор nnnnnn, источник

Как дополнительное примечание к ответу @nnnnnn, было бы лучше, если бы вы использовали это:

<td data-email="[email protected]">

you can then use jQuery's data method, making your code look like this:

$(document).ready(function() {
    $("table td").click(function() {
        $("#To").val($(this).data("email"));
    });
});
2
добавлено
@nnnnnn ха-ха. Отчасти делает мой ответ немного избыточным теперь!
добавлено автор Prisoner, источник
@nnnnnn не проблема, I' ll просто удаляют его в немного:)
добавлено автор Prisoner, источник
Ха! Я просто редактировал свой ответ, чтобы добавить, что предложение - я даже использовал то же самое название атрибута данных в качестве вас. +1.
добавлено автор nnnnnn, источник
Жаль - я didn' t видят, что ваш ответ до окончания экономии моего редактировать.
добавлено автор nnnnnn, источник
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском