Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
2 / 2 / 1
Регистрация: 08.04.2014
Сообщений: 73

Получение значения прописанного в <input>

02.06.2015, 16:04. Показов 1152. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем! Подскажите пожалуйста, как из <input type="text"> получит значение, прописанное пользователем. Как я понял, нужен JQuery. Вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Лабораторная JS №5</title>     
    </head>
    <body bgcolor="white">
        <a href="javascript:history.back()" onMouseOver="window.status='Назад';return true">Назад</a>
        <a href="javascript:history.forward()" onMouseOver="window.status='Вперед';return true">Вперед</a>
        <a href="javascript:document.location.reload();" onMouseOver="window.status='Обновить';return true">Обновить</a>
        <input type="text" id="as" value=" " size="100">
        <a href="javascript:inputURL();" onMouseOver="window.status='Ввод';return true">Ввод</a>
    </body>
    <script>
        document.getElementById("as").value = document.location.href;
    </script>
    <script src="jquery-2.1.4.js">
    function inputURL(){
        document.getElementById("as").value = $('#as').val();
        document.location.href = document.getElementById("as").value;
        }
    </script>
</html>
Это как бы имитация панели браузера. Назад, вперёд и обновить я сделал. Текущий адрес страницы в <input> выводится. Но хочется реализовать возможность введения в "адресную строку" адреса сайта с дальнейшим переходом, по нажатию кнопки. Подскажите как поместить значение из <input>, введённое пользователем, в какую-нибудь переменную?
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.06.2015, 16:04
Ответы с готовыми решениями:

Получение значения Input
Хочу получить значение input(то что в него ввели), но приходит undefined.. var id = $(this).attr('id'); var val = $(id).val(); ...

Получение значения input с сервера
Всем доброго времени суток! Есть &lt;input type=&quot;text&quot; name=&quot;filter&quot;&gt; в который вводится номер карты, и есть &lt;input type=&quot;text&quot;...

Получение значения из input добавленного через цикл PHP
Есть страница. При выборе опции с помощью jquery подгружается несколько элементов input. Выборка их количества и формирование на страницу...

5
F57
 Аватар для F57
68 / 68 / 23
Регистрация: 17.02.2015
Сообщений: 397
02.06.2015, 16:08
JavaScript
1
x=document.getElementById("input_name").value;
0
2 / 2 / 1
Регистрация: 08.04.2014
Сообщений: 73
02.06.2015, 16:12  [ТС]
Цитата Сообщение от F57 Посмотреть сообщение
x=document.getElementById("input_name"). value;
Проблема в том, что текст введённый в <input> пользователем, не заносится в value
0
F57
 Аватар для F57
68 / 68 / 23
Регистрация: 17.02.2015
Сообщений: 397
02.06.2015, 16:18
Лучший ответ Сообщение было отмечено BukinAN1991 как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Лабораторная JS №5</title>       
</head>
 
<body>
 
<a href="javascript:history.back()">Назад</a>
<a href="javascript:history.forward()">Вперед</a>
<a href="javascript:document.location.reload();">Обновить</a>
<input id="as" value=" " size="100">
<input type=button onClick="inputURL()">
    
   
<script>
function inputURL()
{
    document.location.href = document.getElementById("as").value;
}
</script>
 
</body>
</html>
1
2 / 2 / 1
Регистрация: 08.04.2014
Сообщений: 73
02.06.2015, 16:23  [ТС]
Спасибо, заработало
0
F57
 Аватар для F57
68 / 68 / 23
Регистрация: 17.02.2015
Сообщений: 397
02.06.2015, 16:30
У тебя основная ошибка была в том что ты в
HTML5
1
<script src="jquery-2.1.4.js">
Начал писать функции, так нельзя.

Надо

HTML5
1
2
3
4
5
<script src="jquery-2.1.4.js"></script>
 
<script>
function ...
</script>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.06.2015, 16:30
Помогаю со студенческими работами здесь

Получение данных из input type text после ввода значения
Подскажите можно ли реализовать при помощи php получение value из &lt;input type=&quot;text&quot;&gt; сразу после ввода значения ? Если да, то как ?...

Изменение input в зависимости от значения другого input-а
Добрый день. Нужна помощь,я javascript почти не знаю, а есть задача: в форме input пользователь вводит сумму, и в другом поле сразу...

Получение текста в input
Всем привет! Столкнулся с такой проблемой. На сайте есть кнопка, которая вызывает popup окно. В окне находятся 2 input типа text и кнопка....

Получение value из select и внесение его в input
Добрый день! Есть код: &lt;form&gt; &lt;select name=&quot;prefix&quot; id=&quot;prefix&quot; onchange=&quot;contr_numb_onchange(this.value)&quot;&gt; &lt;option...

Получение значение полей input в webbowser
Всем привет. Пишу прогу для работы с API vk.com. Для ее работы пользователь должен авторизоваться, в форме браузера открывается vk.com, где...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru