Как отразить потерянное в фокусе поле формы в prototypejs

Question

У меня есть простая форма, подобная этой:

<form id='myForm'>

    <input type='text' name='Textbox'>

    <select name='SelectBox'>
     <option class='option1'>option 1</option>
     <option class='option2'>option 2</option>
   </select>

</form>

Я хочу захватить событие потери фокуса (размытие) текстового поля этой формы и событие изменения SelectBox.

Я не хочу применять событие изменения ко всей форме, поскольку оно вызывает отправку формы более одного раза.

Answer 1

Добавьте id='SelectBox' в поле выбора и id='Textbox' в текстовое поле и попробуйте следующее:

function handleTextBoxBlur(event, element) {
  console.log("blur");
  console.log(element);
}
function handleSelectBoxChange(event, element) {
  console.log("change");
  console.log(element);
}

document.observe("dom:loaded", function(event) {

  $("Textbox").on("blur", "input", handleTextBoxBlur);
  $("SelectBox").on("change", "select", handleSelectBoxChange);

});

Answer 2

$ ('input'). Focus_lost (function () {/ напишите, что когда-либо понадобится код /});

$ ('option'). Change (function () {/ написать то, что нужно для любого кода /});

/ Это подходит только для данной формы. Узнайте больше из ссылка > и http://jqueryui.com//