Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   передать данные со ссылки в input type hidden (https://javascript.ru/forum/misc/66640-peredat-dannye-so-ssylki-v-input-type-hidden.html)

j0hnik 29.12.2016 03:07

передать данные со ссылки в input type hidden
 
не получается передать из ссылки значение в input.

вот есть куча ссылок которые вызывает одну и ту же popup форму, в инпут которой надо передать (хоть что-то) чтобы на почту приходили данные с какой ссылки она вызвана

пробовал так, почему то не работает =(


ссылки
<a href="#form" class="butt" data-form="передаваемый текст1"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать</a>

<a href="#form" class="butt" data-form="передаваемый текст2"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать</a>

<a href="#form" class="butt" data-form="передаваемый текст3"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать</a>


Форма
<div class="hidden">
  <form id="form">
    <input type="hidden" class="formname" name="Назв"  >
</form>


скрипт
$("a[href=\\#form]").click(function() {
   $("#form .formname").val($(this).data("form"));
});


без слешей тоже не работает.
что может быть??

ksa 29.12.2016 08:33

Цитата:

Сообщение от j0hnik
что может быть?

У тебя событие вообще срабатывает?
http://jquery-docs.ru/selectors/attr...attributevalue

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$("a[href='#form']").click(function(){
		$("#form > .formname").val($(this).data("form"));
		return false;
	});
});
</script>
</head>
<body>
<a href="#form" class="butt" data-form="передаваемый текст1"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать1</a>
<a href="#form" class="butt" data-form="передаваемый текст2"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать2</a>
<a href="#form" class="butt" data-form="передаваемый текст3"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Заказать3</a>
<div class="hidden">
	<form id="form">
		<input type="text" class="formname" name="Назв"  >
	</form>
</div>
</body>
</html>

laimas 29.12.2016 09:30

Цитата:

Сообщение от ksa
#form > .formname

Зачем?

ksa 29.12.2016 09:56

Цитата:

Сообщение от laimas
Зачем?

Я не понял твоего вопроса... :blink:
Этот селектор выбирает, нужный мне, элемент. Этот элемент является дочерним по отношению к элементу с указанным ИД...
http://htmlbook.ru/samcss/dochernie-selektory

laimas 29.12.2016 10:14

В форме одно скрытое поле, зачем же применять еще и дочерний селектор?

А если по теме, то это очередной костыль вместо имеющегося готового.

ksa 29.12.2016 10:19

Цитата:

Сообщение от laimas
В форме одно скрытое поле, зачем же применять еще и дочерний селектор?

Приведи пример своего, более прогрессивного селектора...

laimas 29.12.2016 10:26

Достаточно того, что у автора. Не селектор надо подгонять, а изменять вообще html-код.

j0hnik 29.12.2016 15:05

KSA!!!! спасибо, в очередной раз помог ;) ;) ;) ;) ;) ;) ;) ;)


Часовой пояс GMT +3, время: 22:01.