Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вывод из списка (https://javascript.ru/forum/jquery/58856-vyvod-iz-spiska.html)

ksa 15.10.2015 10:39

Цитата:

Сообщение от TanyaRom
Чтоб делалось тоже самое, только по клику на кнопку

Так если ты будешь просто давить на кнопку, почем знать какой элемент списка тебе приглянулся? :blink:
Потому как когда ты клацаешь на элементе - понятно какой элемент "выбирают".

TanyaRom 15.10.2015 10:42

ksa,
Эекспериментируя в песочнице вот такой код работает. Но ставлю на сайт http://testrent-001-site1.1tempurl.c...ex.php?lang=ru, и нифига.
<ul id="informer1" class="dropdown1">
  <li><input type="radio" name="browser" value="111"> Первый</a></li>
  <li><input type="radio" name="browser" value="222"> Второй</a></li>
  <li><input type="radio" name="browser" value="333"> Третий</a></li>
</ul>
<div class="choose" id="SubmitButton"><button  id="class5" class="class5">Выбрать</button></div>
<div id="res"></div>



$(document).ready(function(){
    $('#class5').click(function(){
        var val = $('#informer1 li input:checked').val();
        $('#res').html(val);
    })
})

ksa 15.10.2015 11:18

Цитата:

Сообщение от TanyaRom
Но ставлю на сайт, и нифига.

В твоем примере опять с тегами проблема... :(

Вот мой вариант.

<!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(){
    $('#class5').click(function(){
        var val=$('#informer1 li input:checked').parent().text();
        alert(val);
    })
})
</script>
</head>
<body>
<ul id="informer1" class="dropdown1">
  <li><input type="radio" name="browser" value="111" />Первый</li>
  <li><input type="radio" name="browser" value="222" />Второй</li>
  <li><input type="radio" name="browser" value="333" />Третий</li>
</ul>
<div class="choose" id="SubmitButton"><button  id="class5" class="class5">Выбрать</button></div>
<div id="res"></div>
</body>
</html>


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