Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как выполнить сложный способ вывода url из формы (https://javascript.ru/forum/misc/55752-kak-vypolnit-slozhnyjj-sposob-vyvoda-url-iz-formy.html)

newnovichek 12.05.2015 21:40

Как выполнить сложный способ вывода url из формы
 
Как можно сделать что бы из поля для ввода текста input type="text" передавался id в силки

У меня есть форма в которой при нажатии на кнопку "перейти" открывается сайт из списка в menuid в новом окне.
Тоесть: В форме вводим id, выбераем сайт из списка и нажимаем на кнопку "перейти" и откривается например сайт http://antukvaruat.narod.ru?id=
а мне нужно что бы к урл добавлялся еще id который мы вводим в <input type="text" что бы выходило например: ввели id 7 и после нажатия на кнопку "перейти" открывался сайт с id http://antukvaruat.narod.ru?id=7
Как это можно сделать?


<form id="myform" >
	Введите id<input type="text" id="tut" name="q" style="width: 50;  size="1">
	Выберите сайт из списка<select id="menuid" style="width: 120;" size="1">
			<option value="http://avatator,narod.ru/search/?id=tyt_id_iz_type_text">1 sait</option>		
			<option value="http://antukvaruat.narod.ru?id=">2 sait</option>
			<option value="http://kakoitoechesait.narod.ru?id=">3 sait</option>
		</select>

<input type="button" value="перейти" onclick = "window.open(myform.menuid.options[myform.menuid.selectedIndex].value);return false;" />
      </form>

newnovichek 12.05.2015 21:58

это возможно реализовать? или это невозможно?

newnovichek 12.05.2015 22:51

:help:

laimas 12.05.2015 23:33

Можно и без формы, не нужна она, но если по форме, то
<input type="button" value="перейти" onclick = "window.open(myform.menuid.value + myform.tut.value)" />


style="width: 50; size="1" - тут ошибка, да и size="1" в данном случае не нужно, и для списка в том числе.

newnovichek 13.05.2015 18:04

Большое спасибо!!! Все работает.

1. Но я не могу понять как работает js без вставки в <script>js</script> Это какое то новое новшество?
2. А можно тот же "переход" реализовать чисто на html что бы он работал при отключеном js в браузере или хотя бы частично выполнялся(тоесть простой статичный список) , но с вводом текста id

newnovichek 13.05.2015 18:13

Есть идея реализовать форму ввода-перехода через <noscript></noscript> при отключеном JS + CSS что бы был выпадающий список, но как прикрутить без JS форму ввода текста что бы открывался сайт с введеным id=7 ???

<noscript>

<p>&nbsp;</p>
C noscript появляется когда js отключен
<p>&nbsp;</p>

<ul id="menu">
<li><a href="http://avatator,narod.ru/search/?id=tyt_id_iz_type_text">1 sait</a></li>
<li><a href="http://antukvaruat.narod.ru?id=">2 sait</a></li>
<li><a href="http://kakoitoechesait.narod.ru?id=">3 sait</a></li>
</ul>
</noscript>

laimas 14.05.2015 07:44

1) onclick - это нативный обработчик, а то что исполнение кода в данном случае, это не обращение к некой js-функции не означает, что js не используется, это он и работает.
2) без JS нельзя будет добавить к ссылке значение параметра, как и открыть окно.


Часовой пояс GMT +3, время: 19:08.