фляга - Как отобразить выбранное значение выпадающего на той же HTML-странице? - PullRequest
Новая
       4

фляга - Как отобразить выбранное значение выпадающего на той же HTML-странице?

0 голосов
/ 16 октября 2019

Я занимаюсь разработкой приложения для колб, в котором у меня есть раскрывающееся меню. Когда я выбираю параметр, оно должно отображаться под раскрывающимся списком «Выбранный вами счет:» и выбранный счет.

Я отображаюраскрывающийся список, как показано ниже: 

<select name="score">
    {% for score in range(6) %}
    <option value={{score}}> {{score}} </option>
    {% endfor %}
</select>

Я отображаю выбранное значение, например:

Your selected score : {{ score }}

Я пытался и много поиска не смог найти ничего. Любые выводы будут полезны.

Ответы [ 2 ]

2 голосов
/ 16 октября 2019

Это должно работать: 

<html>
<head>
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script>
    $(document).ready(function(){
      $('select').on('change', function(){
        $('#result').html('Your score is: ' + $(this).find('option:selected').val());
      });
    });
  </script>
</head>
<body>
  <select name="score">
    {% for score in range(6) %}
    <option value="{{score}}">{{score}}</option>
    {% endfor %}
  </select>
  <div id="result"></div>
</body>
</html>
0 голосов
/ 16 октября 2019

Вам нужно изменить событие на элементе выбора.

Попробуйте, 

<select name="score" onchange="updateSelected(event)">
    {% for score in range(6) %}
    <option value={{score}}> {{score}} </option>
    {% endfor %}
</select>
<div id="res"></>

<script>
    function updateSelected(event) {
        document.getElementById('res').innerHTML = 'Your selected score : ' + event.target.value;
    }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...