Форум

matt_xs · #1 (**permalink**) 01.07.2014, 01:07

Добрый вечер. Подскажите, пожалуйста, как вывести значение (value) кнопки в текстовое поле. Имеются две простые кнопки:

<button type="button" class="button_style" value="1" name="one">1</button>
<button type="button" class="button_style" value="2" name="two">2</button>

и текстовое поле:

<input type="text" id="result" name="result" class="result" /><br />

Имеется такой скрипт:

$(document).ready(function(){


		$(".button_style").click(function(){

				var but_val = $(this).val();
				$("#result").val(but_val);

		});


});

Так вот, при нажатии на кнопку в текстовое поле записывается её значение, а при нажатие на следующую кнопку, значение старой (нажатой до этого) стирается и перезаписывается на новое. Подскажите, пожалуйста, как сделать, чтобы старое значение сохранялось, т.е. при нажатии на вторую кнопку, оно просто приписывалось рядом с первым.

рони · #2 (**permalink**) 01.07.2014, 01:54

matt_xs,

var but_val =$("#result").val()+ $(this).val();

matt_xs · #3 (**permalink**) 01.07.2014, 13:05

Спасибо)

Gigles · #4 (**permalink**) 16.04.2016, 13:15

Скопировал код, у меня вообще ничего не вводится)

рони · #5 (**permalink**) 16.04.2016, 13:26

Gigles,
сделайте минимальный макет

Gigles · #6 (**permalink**) 16.04.2016, 13:46

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>"Экранная Клавиатура"</title>
  </head>
  <body>
    <script>
              $(document).ready(function();{
        	  	$(".button_style").click(function();{
        			var but_val =(this).val();
              var but_val =$("#result").val()+ $(this).val();
        			$("#result").val(but_val);


    		});


    });
</script>
    <input type="text" id="result" name="result" class="result" /><br />
    <button type="button" class="button_style" value="1" name="one">1</button>
    <button type="button" class="button_style" value="2" name="two">2</button>

  </body>
</html>

рони · #7 (**permalink**) 16.04.2016, 14:08

Gigles,

... если вы специально, то зачем?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>"Экранная Клавиатура"</title>
  </head>
  <body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script>
              $(document).ready(function(){
        	  	$(".button_style").click(function(){
		        var but_val =$("#result").val()+ $(this).val();
        			$("#result").val(but_val);


    		});


    });
</script>
    <input type="text" id="result" name="result" class="result" /><br />
    <button type="button" class="button_style" value="1" name="one">1</button>
    <button type="button" class="button_style" value="2" name="two">2</button>

  </body>
</html>

Gigles · #8 (**permalink**) 16.04.2016, 14:39

рони,В смысле специально?
я Вас не понял.

рони · #9 (**permalink**) 16.04.2016, 14:41

Gigles,
слишком много ошибок и не подгрузили jquery

Gigles · #10 (**permalink**) 16.04.2016, 14:43

рони,
Извините, я просто новичок в этом деле.
Возможно ли это сделать без JQuery?

Форум

Справочник

Discord чат

Курсы javascript