Функция this.text

Question

У меня есть встроенная функция, которая отлично работает. При нажатии на ссылку текст помещается в текстовое поле:

 <a href="#" onclick="document.getElementById('textField').value =(this.text);">someText</a>

То, что я хочу сделать, это иметь возможность вызывать вышеприведенное как функцию вместо того, чтобы писать это в строке. Пример:

function setValue() {
      document.getElementById('dd').value =(this.text);
}

и сможете назвать это так:

<a href="#" onclick="setValue();">someText</a>

Я думал, что это будет просто, но по какой-то причине это не работает и выдает ошибку в firebug. Я думаю, что это как-то связано с вызовом this.text из функции вместо встроенного. Спасибо за любую помощь.

Answer 1

Почему бы не сделать еще один шаг и не поставить код привязки события за пределы разметки? Хорошая идея - отделить ваше поведение от представления. .

$("#anchor_selector").click(function () {
    $("#dd").val(this.text);
});

Я бы применил атрибут id к вашей привязке и использовал его в селекторе.Или вы можете использовать один из множества других селекторов для нацеливания на вашу ссылку.

Answer 2

Вам необходимо передать контекст, иначе this будет глобальной областью действия (окном):

<a href="#" onclick="setValue(this);">someText</a>

function setValue(context) {
      document.getElementById('dd').value = $(context).text();
}

Answer 3

function setValue( text ) {
   jQuery('#dd').val( text );
}

<a href="#" onclick="setValue( jQuery( this ).text() );">someText</a>

Answer 4

this теряется. Попробуйте установить setValue(), чтобы принять ссылку на элемент в качестве первого параметра, а затем передать this в обработчик.