Как перезагрузить опции выбора тега в событии onClick в Javascript?

Question

Мне нужно перезагрузить раскрывающиеся текстовые поля в событии onClick. Вот мой jsfiddle

HTML

<select id='1' onClick='createOpts(this)'>" + " 
    <option>None</option>" + "</select> 

JS

function createOpts(that) { 
theOptions = "<option>Test</option>"; 
that.find("option").remove().end().append(theOptions); 
} 

Почему это не перезарядить варианты?

Answer 1

Все это способствует к вашей проблеме:

• Вы не выбрали JQuery в скрипку.
• createOpts не является глобальным, потому что код запускается в обработчике onLoad.
• that относится к элементу <select>, вам необходимо передать его jQuery во-первых, например. $(that).find('option')...

Answer 2

Здесь несколько вещей не так.

1. that должен быть селектор JQuery (также необходимо JQuery, предполагая, что у вас есть на вашей странице и просто забыли его в jsfiddle)
2. Вы пытаетесь объединить строки в HTML
3. theOptions не инициализируется или объявляется. Когда вы пытаетесь что-то соединить (не определено), вы получите ReferenceError.

Попробуйте это: http://jsfiddle.net/0juop4wp/1/