Как добавить значения в текстовое поле, используя

Question

Как видно из названия, я пытаюсь в основном добавить цифры 0-9 в текстовое поле, а также иметь возможность удалить последний введенный номер (в основном, последнюю цифру в текстовом поле или уменьшить длину данных на 1 или без чтобы произвести это).

Как вы можете видеть ниже, я настроил в основном клавиатуру кнопок, которую я пытаюсь записать значение каждого в конкретное текстовое поле.

<%: Html.TextBox("TBBlah") %>

<a onclick="$('#TBBlah').append('7');" class="large button" style="color:Black; text-decoration:none;">7</a>
    &nbsp;
    <a onclick="$('#TBBlah').append('8');" class="large button" style="color:Black; text-decoration:none;">8</a>
    &nbsp;
    <a onclick="$('#TBBlah').append('9');" class="large button" style="color:Black; text-decoration:none;">9</a>

Я пытаюсь настроить это так, чтобы пользователи могли вводить код с сенсорного экрана.

С кодом выше он говорит, что Object не поддерживает это свойство или метод, из-за чего мне интересно, что я сделал не так.

также было интересно, если это поможет (это в моем файле site.master)

<!-- jQuery -->
    <script src="<%= Url.Content("~/scripts/jquery-1.6.2.js") %>" type="text/javascript"></script>
    <script src="<%= Url.Content("~/scripts/jquery-1.6.2.min.js") %>" type="text/javascript"></script>
    <!-- /jQuery--> 

    <!-- jQuery UI -->
    <script src="<%= Url.Content("~/content/script/jquery-ui-1.8.16.custom.min.js") %>" type="text/javascript"></script>
    <link href="<%= Url.Content("~/content/css/cupertino/jquery-ui-1.8.16.custom.css") %>" rel="stylesheet" type="text/css" media="screen" />
    <!-- /jQuery UI -->

Я надеюсь, что ничего не пропустил, но если я спрошу, и я предоставлю.

Answer 1

append не может использоваться в вашем случае, так как он добавит что-то к тексту внутри некоторого элемента, тогда как в вашем случае вы добавляете текст в textbox, который должен использовать свойство text для доступа к его содержимому.

ИСПРАВЛЕННАЯ ВЕРСИЯ:

onclick= "$('#TBBlah').val($('#TBBlah').val() + $(this).text())" ;

Это добавит недавно нажатый номер к значению внутри textbox.

Answer 2

Это помогает узнать, что HTML.TextBox фактически создало поле ввода.Вы не хотите append, который добавляет вещи между двумя тегами, которые вы хотите добавить к входному значению.Итак,

onclick="$('#TBBlah').val( '7' );"

Вот вам ссылка: http://api.jquery.com/val

А за то, как Газанфар Мир сделал это

onclick="$('#TBBlah').val( $(this).text() );"