Jquery Javascript - сделать встроенный JS функцию

Question

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

function ddItem(el) {
 $(el).closest(".ddSelectHeader").find("input").attr({
    value : $(el).text()
})
 }

Затем я называю эту функцию встроенной, как это:

<div class="ddContainer">
<div class="ddSelectHeader"><input name="" type="text" />
<div class="ddSubmenu">
  <a href="#" onclick="ddItem(this)">Item 1</a><br />
  <a href="#" onclick="ddItem(this)">item 2</a>
  </div>
</div>

Хорошо, поэтому я пытаюсь сделать простой выпадающий список, но с div вместо традиционного ul li. То, как написано выше, работает нормально, но я надеялся, что есть способ убрать этот щелчок, чтобы любая ссылка, щелкнувшая внутри ddSubmenu, заполнила поле ввода. Таким образом, мне не нужно называть это встроенным или в HTML.

Спасибо за помощь.

Answer 1

$(document).ready(function() {
    $(".ddSubmenu a").click(function(){
        var $this = $(this);

        $this.closest(".ddSelectHeader").find("input").val($this.text());
    });
})

Answer 2

$(function(){
    $('.ddSubmenu > a').click(function(){
        var self = $(this);
        self.closest(".ddSelectHeader").find("input").val(self.text());
    });
});

Answer 3

$('.ddSubmenu a').click(function(){
    ddItem(this);
}); 

Answer 4

С помощью JavaScript вы можете использовать element.onclick: https://developer.mozilla.org/en/DOM/element.onclick

или jQuery's .click(): http://api.jquery.com/click/