Как загрузить значение в текстовое поле при выборе значения в select

0

У меня есть проблема с необходимостью, у меня есть форма, у которой есть 1 выбранный файл и 1 текстовое поле, я хочу, когда я выберу значение в опции выбора текстового поля, будет загружать/отображать значение пропорционально значению select, например, на картинке, когда я выберите "B" в поле select, значение в текстовом файле появится "1", поэтому, как это сделать, мне нужен пример для ссылки, руководства или демонстрационного примера, спасибо за прочитанную мою тему.

Вот изображение

http://i1095.photobucket.com/albums/i472/OLAKEN91/gdf_zpsac464e04.jpg

Код:

<head>
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>
<body>
    <center>
    <br />
    <form id="cv" action="" method="">
        Choose Option: <select id="chedo">
        <option>--Choose Value--</option>
        <option>A</option>
        <option>B</option>
        <option>C</option>
        </select>
        <br />
        <br />
        Value: <input type="text" id="lenh" size="40"/>
        <br />
        <br />
        <input type="submit" value="SUBMIT"/>
    </form>
    </center>
</body>
</html>
  • 2
    api.jquery.com/val Также почему php помечен в этом?
  • 0
    Вы должны добавить атрибут значения в свой тег option, после того, как вы сможете поймать событие change в теге select, вы можете таким образом получить выбранное значение и наложить его на вас, используя то, что говорит @TreeTree
Теги:

3 ответа

1

Если вы используете JQuery, вы можете использовать комбинацию .change() обработчика событий и .val() функцию. Оба они были связаны с документацией с примерами.

0

Лучше всего использовать jQuery

FIDDLE

$('#chedo').change(function () {
    $('#lenh').val($(this)[0].selectedIndex - 1);
})
0

Вы можете использовать javascript/jQuery для этого.

$("#chedo").change(function(){
    var selected = $("#chedo").val();
    $("#lenh").val(selected);
});

короче:

$("#chedo").change(function(){
    $("#lenh").val($(this).val());
});

Также ваши параметры должны иметь значение:

<option value="0">A</option>
<option value="1">B</option>
<option value="2">C</option>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню