0 / 0 / 0
Регистрация: 08.03.2016
Сообщений: 3

Нужно получить переменную из поля для дальнейшего использования в скрипте

08.03.2016, 21:33. Показов 630. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В поле x1 ввожу переменную, нужно ее получить, чтобы в скрипте в функции "смена" в зависимости от величины переменной (1,2 или 3 и т.д.), введенной в поле x1, выводилась та или иная картинка по нажатию на кнопку "Вывести". Помогите получить переменную из поля x1 для дальнейшей работы, пожалуйста



<html>
<body>
<head>
<meta charset="UTF-8">
</head>
<img id=myimg src="mend.jpg" width="700" height="500" ><br>
<form action="1-1.php" method="GET">
x1:<input name="x1">
<input type="submit" value="Вывести" onclick="smena()">
</form>
<script>
var mas=["mend.jpg","H.jpg","He.jpg","Li.jpg"]; // Все названия картинок
var N = '<?php echo $x1;?>';
function smena()
{
if (N==1)
{document.getElementById("mying").src=ma s[1];
}
if (N==2)
{document.getElementById("mying").src=ma s[2];
}
if (N==3)
{document.getElementById("mying").src=ma s[3];
}
else break;
}
</script>
</body>
</html>

<?php
$x1=isset ($_GET['x1']) ? $_GET['x1']:"";
?>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.03.2016, 21:33
Ответы с готовыми решениями:

Получить выбранное значение DBLookupComboBox для дальнейшего использования
Добрый день, уважаемые! Вопрос следующего характера (не пинайте, вопрос вроде поднимался, но решения для себя не нашел): необходимо...

Вытащить значение переменной для дальнейшего использования
Всем привет, хочу вытянуть значение переменной Вот как это место(где я ее хочу получить) выглядит namespace WindowsFormsApp4 ...

Передача пераметров объекта для дальнейшего использования
Здравствуйте! Пытаюсь написать простенький код на С++ с использованием классов. Не получается передать уже рассчитанный параметр в главной...

5
 Аватар для Goga5
61 / 39 / 20
Регистрация: 06.12.2015
Сообщений: 155
09.03.2016, 10:22
Задача ясна, но зачем Вы использовали PHP, ведь PHP - это серверный язык, он выполняется только на сервере. А JavaScript - это клиентский язык. Все что на PHP у Вас выбрасываем. Хотя по Вашему пути пойти можно, тогда нужно использовать AJAX, мне неохота столько писать, поэтому можете обратиться к Alexsamos33 - это хороший специалист по AJAX. Если писать на JavaScript, то получится следующее:
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
25
26
<html>
<head>
<meta charset="UTF-8">
<title>Заголовок.</title>
</head>
<body>
<img id="myimg" src="mend.jpg" width="700" height="500" ><br>
<form action="1-1.php" method="GET">
X1:<input id="n1">
<input type="button" value="Вывести" onclick="smena()">
</form>
Один ментос и 2 омонтоса, чтобы чувствовать себя на рынке уверенно.
<script>
var mas = ["mend.jpg","H.jpg","He.jpg","Li.jpg"];//Все названия картинок
var N = 0;
function smena(){
N = parseInt(document.getElementById("n1").value);
switch(N){
case 1: document.getElementById("myimg").src=mas[0]; break;
case 2: document.getElementById("myimg").src=mas[1]; break;
case 3: document.getElementById("myimg").src=mas[2]; break;
case 4: document.getElementById("myimg").src=mas[3]; break;
default: break;}}
</script> 
</body>
</html>
JavaScript отдельно:
JavaScript
1
2
3
4
5
6
7
8
9
10
var mas = ["mend.jpg","H.jpg","He.jpg","Li.jpg"];//Все названия картинок
var N = 0;
function smena(){
N = parseInt(document.getElementById("n1").value);
switch(N){
case 1: document.getElementById("myimg").src=mas[0]; break;
case 2: document.getElementById("myimg").src=mas[1]; break;
case 3: document.getElementById("myimg").src=mas[2]; break;
case 4: document.getElementById("myimg").src=mas[3]; break;
default: break;}}
Хочу еще раз напомнить, что JavaScript - это клиентский язык, а PHP - это серверный язык. Скачивайте архив!
Вложения
Тип файла: zip Pomogite.zip (191.0 Кб, 2 просмотров)
0
Юзер с абсолютным слухом
 Аватар для Опан
709 / 489 / 195
Регистрация: 17.12.2010
Сообщений: 1,428
09.03.2016, 11:50
Должен заметить, что таким образом всё же произойдёт перенаправление на страницу 1-1.php для обработки на серверном языке. Чтобы этого не было, можно в строке 10 добавить return false:
HTML5
1
<input type="button" value="Вывести" onclick="smena();return false">
А из тега <form> можно убрать action="1-1.php" method="GET", если эта страница не нужна, или вообще убрать теги <form>...</form>, тогда и return false не придётся добавлять.
А функцию smena() можно оптимизировать, переписав так:
JavaScript
1
2
3
4
function smena(){
N = parseInt(document.getElementById("n1").value);
   document.getElementById("myimg").src=mas[N-1];
}
0
 Аватар для Goga5
61 / 39 / 20
Регистрация: 06.12.2015
Сообщений: 155
09.03.2016, 15:32
Опан, там submit не происходит потому что я исправил type с submit на button:
<input type="button" value="Вывести" onclick="smena()">
А оптимизация хорошая, да, я оценил.
0
Юзер с абсолютным слухом
 Аватар для Опан
709 / 489 / 195
Регистрация: 17.12.2010
Сообщений: 1,428
09.03.2016, 15:45
Цитата Сообщение от Goga5 Посмотреть сообщение
там submit не происходит потому что я исправил type с submit на button
Оказывается, да, действительно. А вот если бы вместо этого input был тег <button>...</button>, тогда submit бы происходил. Не думал, что в этом есть разница. Во-дела...
0
0 / 0 / 0
Регистрация: 08.03.2016
Сообщений: 3
09.03.2016, 23:55  [ТС]
Спасибо огромное, все работает шикарно!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
09.03.2016, 23:55
Помогаю со студенческими работами здесь

Очистить значение переменной для дальнейшего использования
#include &lt;iostream&gt; #include &lt;conio.h&gt; using namespace std; int main() { setlocale(LC_ALL, &quot;Rus&quot;); int a(1); a = a +...

Временное хранилище для дальнейшего использования данных
Здравствуйте! Я только начинаю изучать C#.Net. У меня есть маленькая программка, для нее нужно создать временное хранилище, типа dll. Можно...

Как распознавать данные в String для дальнейшего использования?
Решил написать программу, которая будет решать, заранее заданные пользователем, математические функции. От него лишь потребуется ввести X,...

Как считать число из stdin для дальнейшего использования
Использую NASM под OCUNIX

Сохранить отрисованный объект в ОЗУ для дальнейшего использования
Рисую в окне график. Есть функция которая вычисляет и выводит его размер и расположение линий. Нужно чтобы эта сетка графика сохранялась в...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru