Как получить значение введенное в поле 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> |
Нашел подходящее решение.
function someFunc(){
alert(document.getElementById("quantity").value);
}
document.getElementById("zakazat").onclick = someFunc;
|
Цитата:
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>
|
<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>
Но почему-то строка с нужным предложением не появляется |
<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 () для проверки введено ли вообще в поле количество что-то. Но почему-то не работает. |
Batyabest, добавить то вы ее добавили (объявили), а где вы ее вызываете (используете) ?
|
Я вызываю функцию someFunc() а та функция вложена в нее, она не должна работать? просто мне нужно объеденить их и чтобы по вызову одной они обе работали.
|
А можно ли записать в переменную значение input который находится в фокусе таким образом
var s = this.value;. У меня так не работает, есть ли еще варианты. |
Цитата:
var s = document.activeElement && document.activeElement.value || ''; |
| Часовой пояс GMT +3, время: 22:38. |