Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.12.2013, 20:12
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Как получить значение введенное в поле Input
Здравствуйте.
Как получить значение, введенное в поле input пользователем по нажатию кнопки?
Значения нужно получить для дальнейшей их обработки и отправки.
<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity"> 
				<input type="button" value="Заказать">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>

Последний раз редактировалось Batyabest, 08.12.2013 в 20:16.
Ответить с цитированием
  #2 (permalink)  
Старый 08.12.2013, 20:20
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Нашел подходящее решение.
function someFunc(){
alert(document.getElementById("quantity").value);
}
document.getElementById("zakazat").onclick = someFunc;
Ответить с цитированием
  #3 (permalink)  
Старый 08.12.2013, 20:22
Интересующийся
Отправить личное сообщение для sonntagausgang Посмотреть профиль Найти все сообщения от sonntagausgang
 
Регистрация: 24.05.2013
Сообщений: 25

Сообщение от Batyabest Посмотреть сообщение
Нашел подходящее решение.
function someFunc(){
alert(document.getElementById("quantity").value);
}
document.getElementById("zakazat").onclick = someFunc;
значение можно записать и в какую-нибудь переменную
var expression = document.getElementById("quantity").value;
Ответить с цитированием
  #4 (permalink)  
Старый 08.12.2013, 20:33
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Сообщение от sonntagausgang Посмотреть сообщение
значение можно записать и в какую-нибудь переменную
var expression = document.getElementById("quantity").value;
Да да, я сейчас на этом этапе.
А как мне это значение вывести в блоке <div> например?

<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity" >
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>
<script>
function someFunc(){
var quantity = document.getElementById("quantity").value;
var price = quantity * 9000;

//alert(price);
}
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 08.12.2013, 20:46
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity">
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>
<script>
function someFunc(){
var quantity = document.getElementById("quantity").value;
var price = quantity * 9000;
var div = document.createElement("div");
div.innerHTML = "<p>Здесь будет заявка<\/p>";
document.getElementById("zayavka").appendChild(newdiv);
return false;
//alert(price);
}
</script>


Но почему-то строка с нужным предложением не появляется
Ответить с цитированием
  #6 (permalink)  
Старый 08.12.2013, 21:03
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Сообщение от Batyabest Посмотреть сообщение
Но почему-то строка с нужным предложением не появляется
document.getElementById("zayavka").appendChild(div);
Ответить с цитированием
  #7 (permalink)  
Старый 08.12.2013, 21:33
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

<form>
	<table id="zakazTable">
		<tr>
			<td><span>Венге</span></td>
			<td>
				<input type="text" value="" id="quantity">
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>

function someFunc(){
var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество
	function empty_form ()
	{
		var quantity = document.getElementById('quantity').value;
		if(quantity == '')
		{
			alert('Вы забыли ввести текст.');
			return false;
		}    
		return true;
	}
var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара)
var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента <span> с названием цвета товара
var div = document.createElement("div"); // Создаем элемент div
div.innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>"; // Наполняем созданный div содержанием с подстановкой значения price
document.getElementById("zayavka").appendChild(div); // Все вкладывается в <div id=zayavka></div>
return false;
//alert(tovar);
}


Добавил вложенную функцию empty_form () для проверки введено ли вообще в поле количество что-то. Но почему-то не работает.
Ответить с цитированием
  #8 (permalink)  
Старый 10.12.2013, 10:01
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Batyabest, добавить то вы ее добавили (объявили), а где вы ее вызываете (используете) ?
Ответить с цитированием
  #9 (permalink)  
Старый 10.12.2013, 20:20
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Я вызываю функцию someFunc() а та функция вложена в нее, она не должна работать? просто мне нужно объеденить их и чтобы по вызову одной они обе работали.
Ответить с цитированием
  #10 (permalink)  
Старый 30.10.2014, 20:16
Интересующийся
Отправить личное сообщение для aj-nik Посмотреть профиль Найти все сообщения от aj-nik
 
Регистрация: 08.10.2014
Сообщений: 16

А можно ли записать в переменную значение input который находится в фокусе таким образом
var s = this.value;
. У меня так не работает, есть ли еще варианты.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как передать значение переменной в IFRAME в поле формы JS-ом из самой страницы? DeUre Общие вопросы Javascript 14 17.12.2013 16:37
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
как получить значение ид-а, из текушего хтмл тега dadli Общие вопросы Javascript 2 28.01.2012 15:16
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55