Считать содержимое input text

@TAHKICT · Регистрация: 17.09.2014

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток.
Подскажите пожалуйста как считать введенное значение input text и вставить в нужное место на странице?

HTML5
1
2
<input type="text"  name="ingredientId" />
                   <a href="deleteIng/{считанное значение}">Удалить</a>

Буду рад любым подсказкам.

@Монфрид · 30.01.2015, 23:20

JavaScript
1
var ingredId=$("[name='ingredientId']").val();

если бы вместо name было id, то проще:

JavaScript
1
var ingredId=$("#ingredientId").val();

@TAHKICT · 31.01.2015, 02:50 **[ТС]**

Монфрид, а как это значение дописать к ссылке?

@Монфрид · 31.01.2015, 08:13

TAHKICT,
так например:

JavaScript
1
2
var link= $("#link");
$(link).attr("href",$(link).attr("href")+inhredId);

@TAHKICT · 31.01.2015, 11:26 **[ТС]**

Монфрид, извини конечно что я со своими глупыми вопросами..просто не силен в js. В итоге должно получиться что-то вроде

HTML5
1
2
<input type="text" id="ingredientId">
        <a href="deleteIng/" id="goDelete" >Удалить</a>

JavaScript
1
2
3
4
5
<script type="text/javascript">
    var ingredId=$("#ingredientId").val();
    var link= $("#goDelete");
    $(link).attr("href",$(link).attr("href")+ingredId);
</script>

если так, то все равно переходит на ссылку deleteIng/

@Vadim_Lasso · 31.01.2015, 13:09

Сообщение от TAHKICT

если так, то все равно переходит на ссылку deleteIng/

Не плакать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head>
<body>
    <input type="text" id="ingredientId">
    <a href="deleteIng/" id="goDelete" >Удалить</a>
    <script language="JavaScript">
        $(function() {
            var link = $('#goDelete');
            var linkDefaultHref = link.attr("href");
            $('#ingredientId').on('keyup', function() {
                link.attr("href", linkDefaultHref + $(this).val());
            });
        });
    </script>
</body>
</html>

@TAHKICT · 31.01.2015, 13:54 **[ТС]**

LASSO, спасибо!!!! все получилось!

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка 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/

@TAHKICT 1 / 1 / 0 Регистрация: 17.09.2014 Сообщений: 94
	31.01.2015, 02:50 [ТС]
	Монфрид, а как это значение дописать к ссылке? 0

@TAHKICT 1 / 1 / 0 Регистрация: 17.09.2014 Сообщений: 94
	31.01.2015, 13:54 [ТС]
	LASSO, спасибо!!!! все получилось! 0