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>
|
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>
|
Сделал так
<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>
Почемуто вместо второго значения выводится первое, не пойму ничего, и вместо пятого значения первое выводится, может поможите разобраться |
Цитата:
Я переклацал на все ссылки - циферки выводятся по порядку... <!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, время: 14:55. |