Как установить значение текстового поля с помощью привязки с помощью jQuery?

У меня есть текстовое поле, значение которого я хочу установить на основе внутреннего текста тега привязки. Другими словами, когда кто-то нажимает на этот якорь:

<a href="javascript:void();" class="clickable">Blah</a>

Я хочу, чтобы в моем текстовом поле содержался текст "Бла". Вот код, который я использую в настоящее время:

<script type="text/javascript">
    $(document).ready(function(){
        $("a.clickable").click(function(event){
            $("input#textbox").val($(this).html());
        });  
    });
</script>

И в моем html есть список якорных тегов с классом "clickable" и одним текстовым полем с "текстовым полем" id.

Я заменил код выше кодом, чтобы просто показать javascript-предупреждение с $(this).html(), и он, кажется, показывает правильное значение. Я также изменил $(this).html() как жестко закодированную строку и правильно установил значение текстового поля. Но когда я их совмещаю, текстовое поле просто очищается. Что я делаю неправильно?

Ответ 1

Я написал этот фрагмент кода, и он отлично работает:

<a href="#" class="clickable">Blah</a>
<input id="textbox">
<script type="text/javascript">
    $(document).ready(function(){
        $("a.clickable").click(function(event){
            event.preventDefault();
            $("input#textbox").val($(this).html());
        });  
    });
</script>

Возможно, вы забыли указать имя класса "clickable" на ваши ссылки?

Ответ 2

Чтобы назначить значение текстового поля с идентификатором ётекбокса в jQuery, выполните следующие

$("#textbox").val('Blah');

Ответ 3

Просто отметим, что префикс tagName в селекторе медленнее, чем просто использование идентификатора. В вашем случае jQuery получит все входные данные, а не просто использует getElementById. Просто используйте $('# textbox')

Ответ 4

Чтобы назначить значение текстового поля, чей идентификатор является "текстовым полем" в JQuery, выполните следующие

$( "# textbox" ). get (0).value = "blah"

Ответ 5

Следующее redsquare: вы не должны использовать в атрибуте href атрибут javascript, например: "javascript: void();" - это неверно. Лучше использовать, например, href= "#", а затем в обработчике событий в качестве последней команды: "return false;". И еще лучше - используйте в правильной ссылке href - если пользователь отключен javascript, веб-браузер следует за ссылкой - в этом случае ваша веб-страница должна перезагрузиться с вводом, заполненным значением этой ссылки.