По событию нажатия кнопки нужно, чтобы заполнялось поле text

@shprotus · Регистрация: 26.08.2011

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

Здравствуйте. Задача простая, по событию нажатия кнопки нужно что бы заполнялось поле text. Код используется в сайте google, почему то при нажатии кнопки происходит открытие новой вкладки,что я не так делаю? Возможно что-то не так с action..Заранее спасибо.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
  <HEAD>
    <script language="JavaScript"> 
     function but1() { 
     document.getElementById("pole").value = "data"} 
    </script> 
   </HEAD> 
 
 <body>
 
 <form action="https://sites.google.com/site/softhvac/Quick-calculation-in-tables-google">
  <input id="pole" type="text" name="name1">  
  <input type="submit" name="name" value="Кнопка" onclick="but1()">   
 </form>  
   
     
 </body>
</html>

@Forastero · 19.06.2013, 11:25

JavaScript
1
getElementById("pole")

Вы пытаетесь текстовому инпуту присвоить значение? Или я чего-то не понял...

@shprotus · 19.06.2013, 11:38 **[ТС]**

Верно нужно в <input type="text"> записать значение, это нельзя сделать?

@kalabuni · 19.06.2013, 18:55

кнопка, на которую нажимаете, имеет тип submit, что означает, что форма отправит данные файлу, указанному в атрибуте action тега <form> и этот файл в текущем окне откроется

таким образом, вы никогда не увидите то, что будет написано в инпуте с id="pole"

чтобы увидеть - надо изменить тип кнопки: вместо submit прописать button

ну если затем, после увиденного вам таки надо перейти на страницу от Гугля, надо через тайм-аут просабмитить форму
-----

т.е. <input type="button" name="name" value="Кнопка" onclick="but1 ()"> чтобы просто увидеть

и <input type="button" name="name" value="Кнопка" onclick="but1 (); S = this.form; setTimeout ('S.submit ()', 2000)">
чтобы увидеть и через 2 сек форму просабмитить

@shprotus · 19.06.2013, 21:03 **[ТС]**

Большое спасибо, все так просто, замена submit помогла. Если не сложно пару слов а зачем submit, (работает и без него)?

@kalabuni · 19.06.2013, 21:25

а чтобы форму отправить
изначально же был чистый HTML, безо всяких onclick'ов
форму же как-то отправить надо было?
вот и была придумана кнопка <input type="submit">

а потом, когда появился javascript, придумали "пустую" кнопку <input type="button">
она сама по себе вообще ничего не делает
и работает, только если на неё "повесить" обработчик события onclick="сделать что-то"

@shprotus · 20.06.2013, 20:35 **[ТС]**

Я не однозначно спросил, интересовало зачем нужна строка

Code
1
S = this.form; setTimeout ('S.submit ()', 2000)

И где ее использовать?

@kalabuni · 20.06.2013, 20:39

плохо со зрением или с понималкой

я повторю, мне нетрудно

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

если затем, после увиденного вам таки надо перейти на страницу от Гугля, надо через тайм-аут просабмитить форму

@shprotus · 20.06.2013, 22:30 **[ТС]**

Как Вы понимаете я новичек в этом деле, строка

Code
1
<input type="button" name="name" value="Кнопка" onclick="but1 (); S = this.form; setTimeout ('S.submit ()', 2000)">

у меня вызвала ошибку, вот и возник вопрос. Тем более не совсем понимаю что значит перейти на страницу гугл, ведь все пишется в поле html как раз на сайте google, возможно подразумевалось какое то обновление. Понял только делалась задержка выполнения макроса.

Добавлено через 26 минут
не хочется темы плодить...Помогите пожалуйста вот еще с таким моментом. Необходимо перезаписать позицию в списке List. (в данном случае "Функция 1" на "Строка списка 0").

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<HTML>
 <HEAD>
   <script language="JavaScript"> 
   function but2() { 
   var objSel = document.getElementById('List');
   objSel.options[0] = new Option("Строка списка 0", "11");
   }
   </script> 
  </HEAD>
  
  <BODY>
  
 <form action="" name= "myForm">  
  <select name='List' size= 3 >
   <option value=1> Функция 1 </option>  
   <option value=2> Функция 2 </option> 
   <option value=3> Функция 3 </option>
  </select>
 <label> <input type="radio" name="OptionButton" value=3 onclick="but2()" > Аэродинамика </label> 
 </form>   
  </BODY>
</HTML>

Похоже что что то не так с

JavaScript
1
var objSel = document.getElementById('List');

Заранее спасибо.

@kalabuni · 20.06.2013, 22:44

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

не совсем понимаю что значит перейти на страницу гугл

мда, это клиника

я вам уже выше объяснял, что при сабмите формы происходит переход на страницу, путь к которой указан в атрибуте action тега <form>
посмотрите - это здесь в самой первой строчке

-- в вашем самом первом коде вы сами написали <form action="httрs://sites.google.com/site/softhvac/Quick-calculation-in-tables-google">
-- в вашем самом первом коде имелась кнопка <input type="submit">

любой здравомыслящий человек вполне может предположить, что вам нужно просабмитить форму и передать какие-то данные странице Гугля (как я назвал адрес httрs://sites.google.com/site/softhvac/Quick-calculation-in-tables-google)

нет разве?

или вы вовсе ничего не читаете, из того, что мною написано?
или настолько бестолковы, что совсем-совсем ничего не понимаете?

в любом случае, общаться далее с тем, кто либо не читает адресованное ему, либо вовсе неспособен к восприятию написанного, мне как-то не хочется

удачи вам!
и ничего личного

@shprotus · 20.06.2013, 22:52 **[ТС]**

После Вашего первого поста, по Вашему совету submit я заменил на button, а action понимая что здесь не к чему вообще оставил пустым action="", по сему и возник вопрос о переходе на гугл. Это не моя специальность но и на родных форумах видя новичков стараюсь или не отвечать на простые или глупые вопросы или подбирать слова что-бы оставаться человеком, Вам за совет первого поста спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@shprotus 0 / 0 / 0 Регистрация: 26.08.2011 Сообщений: 16
	19.06.2013, 11:38 [ТС]
	Верно нужно в <input type="text"> записать значение, это нельзя сделать? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	19.06.2013, 18:55
	кнопка, на которую нажимаете, имеет тип submit, что означает, что форма отправит данные файлу, указанному в атрибуте action тега <form> и этот файл в текущем окне откроется таким образом, вы никогда не увидите то, что будет написано в инпуте с id="pole" чтобы увидеть - надо изменить тип кнопки: вместо submit прописать button ну если затем, после увиденного вам таки надо перейти на страницу от Гугля, надо через тайм-аут просабмитить форму ----- т.е. <input type="button" name="name" value="Кнопка" onclick="but1 ()"> чтобы просто увидеть и <input type="button" name="name" value="Кнопка" onclick="but1 (); S = this.form; setTimeout ('S.submit ()', 2000)"> чтобы увидеть и через 2 сек форму просабмитить 1

@shprotus 0 / 0 / 0 Регистрация: 26.08.2011 Сообщений: 16
	19.06.2013, 21:03 [ТС]
	Большое спасибо, все так просто, замена submit помогла. Если не сложно пару слов а зачем submit, (работает и без него)? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	19.06.2013, 21:25
	а чтобы форму отправить изначально же был чистый HTML, безо всяких onclick'ов форму же как-то отправить надо было? вот и была придумана кнопка <input type="submit"> а потом, когда появился javascript, придумали "пустую" кнопку <input type="button"> она сама по себе вообще ничего не делает и работает, только если на неё "повесить" обработчик события onclick="сделать что-то" 0

@shprotus 0 / 0 / 0 Регистрация: 26.08.2011 Сообщений: 16
	20.06.2013, 22:52 [ТС]
	После Вашего первого поста, по Вашему совету submit я заменил на button, а action понимая что здесь не к чему вообще оставил пустым action="", по сему и возник вопрос о переходе на гугл. Это не моя специальность но и на родных форумах видя новичков стараюсь или не отвечать на простые или глупые вопросы или подбирать слова что-бы оставаться человеком, Вам за совет первого поста спасибо! 0