Форум

imediasun1 · #1 (**permalink**) 05.08.2013, 14:54

Как правильно написать значение находящегося в выбранной ссылке инпута?

<a class="buttonUpload"><input type="hidden"value="3"><p>Текущий баланс и платежи</p></a>
<a class="buttonUpload"><input type="hidden"value="4"><p>История</p></a>

Так не правильно, а как правильно?

<script type="text/javascript">
$(".buttonUpload").click(function(){
alert ($(this ":input")).val();
});

</script>

ksa · #2 (**permalink**) 05.08.2013, 14:58

imediasun1, твоя верстка не валидна...

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.buttonUpload {
	display:block;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$(".buttonUpload").click(function(){
		alert ($(this).find('input').val());
	});
});
</script>
</head>
<body>
<a class="buttonUpload"><input type="hidden"value="3" /><span>Текущий баланс и платежи</span></a>
<a class="buttonUpload"><input type="hidden"value="4" /><span>История</span></a>
</body>
</html>

imediasun1 · #3 (**permalink**) 05.08.2013, 15:16

Сделал так

<div id="settings">
<div id="settings_title" class="side_btn"><p>Установки</p><img id="arrow_down" height="15" src="/img/arrow_down.png">
<input id="arrow_input" value="1"type="hidden">
</div>
<div id="settings_body" class="side_body">
<a class="buttonUpload"><input type="hidden" value="1"><span>Данные Pinokio счета</span></a>
<a class="buttonUpload"><input type="hidden" value="2"><span>Уведомления</span></a>
</div>
<div id="billing_title" class="side_btn"><p>Счета</p><img id="arrow_billing_down" height="15" src="/img/arrow_down.png">
<input id="arrow_billing_input" value="1"type="hidden">
</div>
<div id="billing_body" class="side_body">
<a class="buttonUpload"><input type="hidden" value="3"><span>Текущий баланс и платежи</span></a>
<a class="buttonUpload"><input type="hidden" value="4"><span>История</span></a>
<a class="buttonUpload"><input type="hidden" value="5"><span>Счета фактуры</span></a>
</div>
<div id="review_title" class="side_btn"><p>Отзывы</p><img id="arrow_review_down" height="15" src="/img/arrow_down.png">
<input id="arrow_review_input" value="1"type="hidden">
</div>
<div id="review_body" class="side_body">
<a class="buttonUpload"><input type="hidden" value="6"><span>Оставить</span></a>
<a class="buttonUpload"><input type="hidden" value="7"><span>Отзывы обо мне</span></a>
<a class="buttonUpload"><input type="hidden" value="8"><span>Мои отзывы</span></a>
<a class="buttonUpload"><input type="hidden" value="9"><span>Отменить отзыв</span></a>
<a class="buttonUpload"><input type="hidden" value="10"><span>Оценка продаж</span></a>
<a class="buttonUpload"><input type="hidden" value="11"><span>Моя карта пользователя</span></a>
</div>
</div>

<script type="text/javascript">
	  $(document).ready(function(){
	     $(".buttonUpload").click(function(){
	     alert ($(this).find('input').val());
});
});
</script>

Почемуто вместо второго значения выводится первое, не пойму ничего, и вместо пятого значения первое выводится, может поможите разобраться

ksa · #4 (**permalink**) 05.08.2013, 15:54

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

Почемуто вместо второго значения выводится первое, не пойму ничего, и вместо пятого значения первое выводится

Ты хоть форматируй свою галиматью...

Я переклацал на все ссылки - циферки выводятся по порядку...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.buttonUpload > span {
	display:block;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$(".buttonUpload").click(function(){
		alert ($(this).find('input').val());
	});
});
</script>
</head>
<body>
<div id="settings">
	<div id="settings_title" class="side_btn">
		<p>Установки</p>
		<img id="arrow_down" height="15" src="/img/arrow_down.png">
		<input id="arrow_input" value="1"type="hidden">
	</div>
	<div id="settings_body" class="side_body">
		<a class="buttonUpload"><input type="hidden" value="1"><span>Данные Pinokio счета</span></a>
		<a class="buttonUpload"><input type="hidden" value="2"><span>Уведомления</span></a>
	</div>
	<div id="billing_title" class="side_btn">
		<p>Счета</p>
		<img id="arrow_billing_down" height="15" src="/img/arrow_down.png">
		<input id="arrow_billing_input" value="1"type="hidden">
	</div>
	<div id="billing_body" class="side_body">
		<a class="buttonUpload"><input type="hidden" value="3"><span>Текущий баланс и платежи</span></a>
		<a class="buttonUpload"><input type="hidden" value="4"><span>История</span></a>
		<a class="buttonUpload"><input type="hidden" value="5"><span>Счета фактуры</span></a>
	</div>
	<div id="review_title" class="side_btn">
		<p>Отзывы</p>
		<img id="arrow_review_down" height="15" src="/img/arrow_down.png">
		<input id="arrow_review_input" value="1"type="hidden">
	</div>
	<div id="review_body" class="side_body">
		<a class="buttonUpload"><input type="hidden" value="6"><span>Оставить</span></a>
		<a class="buttonUpload"><input type="hidden" value="7"><span>Отзывы обо мне</span></a>
		<a class="buttonUpload"><input type="hidden" value="8"><span>Мои отзывы</span></a>
		<a class="buttonUpload"><input type="hidden" value="9"><span>Отменить отзыв</span></a>
		<a class="buttonUpload"><input type="hidden" value="10"><span>Оценка продаж</span></a>
		<a class="buttonUpload"><input type="hidden" value="11"><span>Моя карта пользователя</span></a>
	</div>
</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript