Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   this input val() (https://javascript.ru/forum/dom-window/40434-input-val.html)

imediasun1 05.08.2013 14:54
this input val()
 
Как правильно написать значение находящегося в выбранной ссылке инпута?
<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 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 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 05.08.2013 15:54
Цитата:
Сообщение от imediasun1
Почемуто вместо второго значения выводится первое, не пойму ничего, и вместо пятого значения первое выводится
Ты хоть форматируй свою галиматью... :D

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

<!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>


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