VPF::Получить введённый текст из input

Rockie

Дата 15.4.2014, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1143
Регистрация: 23.4.2006

Репутация: нет
Всего: 31

Привет!

Нужно получить текст из input-а.
Пробую так

Код


<input id="tt1" type="text" onkeyup="alert($(this).val());"/>

Код


<input id="tt1" type="text" onkeyup="alert($('#tt1').innerHTML);"/><br/>

Вообще мне надо передать это значение в функцию, но для начала как тупо достучаться до значения?

Добавлено через 12 минут и 31 секунду
текс, вроде нашел такой способ:

Код


<input id="tt1" type="text" onkeyup="alert(document.getElementById('tt1').value);"/>

не знаю насколько он правильный, если есть более правильный то поправьте

--------------------

Чтобы иметь большой гардероб - надо иметь большой гардероб.

dstorm81

Дата 15.4.2014, 12:31 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 2
Всего: 39

Цитата(Rockie @ 15.4.2014, 11:23

)

Код


var myF=function(x) {
   // в переменной икс будет текст 
}

Код


<input  type="text" onkeyup="myF(this.value)" />

Это сообщение отредактировал(а) Aliance - 5.5.2014, 10:35

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

abiklaura

Дата 4.5.2014, 14:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 4.5.2014

Репутация: нет
Всего: нет

Доброго времени суток! Я только начинаю осваивать JS и у меня возникла следующая проблема.
Пытаюсь получить значение value выбранного элемента select для того чтобы при клике на кнопку прослушать выбранную мелодию. Сама мелодия запускается по указанному пути, это проверено. Однако при нажатии на кнопку, JS выводит сообщение «undefined». Пробовала использовать несколько методов для получения значения value.

Код


function soundClick() {
    // var myAudio = $("select#audioSelect").val();
    // var myAudio = document.getElementById("audioSelect").value;
    // var myAudio = document.form1_audio.audio.value;
    
    
    var myAudio = $('#form_audio #audioSelect').val();
    
        var audio = new Audio(); // Создаём новый элемент Audio
        myAudio; // Указываем путь к звуку "клика"
        audio.autoplay = true; // Автоматически запускаем 
       
        switch (myAudio) {
        case 1: audio.src = "file:///Z:/home/localhost/www/Javascript/Alarm-Classic.wav"; 
        break;
            
        case 2: audio.src = "file:///Z:/home/localhost/www/Javascript/Alarm_missile_incoming.wav"; 
        break;
            
        case 3: audio.src = "file:///Z:/home/localhost/www/Javascript/Alarm_clock.wav"; 
        break;
            
        default: audio.src = "file:///Z:/home/localhost/www/Javascript/Alarm_missile_incoming.wav"; 
        } 
}

Код


<form name="form1" id="form_audio">
    <span>Мелодии для будильника:</span><br />                            
        <select name="audio" size="1" id="audioSelect">
            <option value="1">Alarm-Classic</option>
            <option value="2">Alarm missile incoming</option>            
            <option value="3">Alarm clock</option>                    
        </select>                                         
 <input type="submit" name="button" value="Прослушать" id="id_button" onclick="soundClick()"/>
 </form>

Rockie

Дата 4.5.2014, 20:07 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1143
Регистрация: 23.4.2006

Репутация: нет
Всего: 31

Цитата

Пытаюсь получить значение value выбранного элемента select

Привет!

я не изучал ваш код, но значение выделенного листбокса можно получить так:

Код


<select name="rateListBox" size="1" onchange="alert(this.options[this.selectedIndex].innerHTML);">

--------------------

Чтобы иметь большой гардероб - надо иметь большой гардероб.

Aliance

Дата 5.5.2014, 10:40 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

abiklaura, если ваш вопрос не относится к теме, нужно соблюдать правило один топик - один вопрос. Создавайте в следующий раз новый топик.

Rockie, вы зачем-то путаете человека. innerHTML исходя из названия возвращает HTML код, внутри указанного элемента. А человеку нужно значение элемента формы, оно получается из свойства value.

Код


// native js
selectElement.options[selectElement.selectedIndex].value
// jQuery
$(select).val()

abiklaura, какую смысловую нагрузку несет 10 строчка в вашем коде? она не нужна.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Rockie

Дата 5.5.2014, 14:08 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1143
Регистрация: 23.4.2006

Репутация: нет
Всего: 31

Цитата

Rockie, вы зачем-то путаете человека. innerHTML исходя из названия возвращает HTML код, внутри указанного элемента. А человеку нужно значение элемента формы, оно получается из свойства value.

может и путаю, а может и вы путаете smile

я хз, сам начинающий. Но у меня ваш вариант

Код


<select name="rateListBox" size="1" onchange="alert(this.options[selectElement.selectedIndex].value);">

не работает.
А такой

Код


<select name="rateListBox" size="1" onchange="alert(this.options[this.selectedIndex].innerHTML);">

работает.

--------------------

Чтобы иметь большой гардероб - надо иметь большой гардероб.

ksnk

Дата 5.5.2014, 14:18 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(Rockie @ 5.5.2014, 14:08

)

не работает.
А такой
...
работает.

Кроме innerHtTML там еще есть отличие. Если включить консоль ошибок - все сразу станет яснее.

innerHTML отобразит текст, внутри тега, а нужно значение. Значение - атрибут выбранного тега.
Во оно на jsfiddle

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »