10 examples of 'jquery select add option' in JavaScript

Every line of 'jquery select add option' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
1function add_options_to_select($select, opt_list, selected_val) {
2 for (var i = 0; i < opt_list.length; i++) {
3 var $opt = $('<option />').val(opt_list[i][0]).text(opt_list[i][1]);
4 if (opt_list[i][0] === selected_val) {
5 $opt.prop("selected", true);
6 }
7 $select.append($opt);
8 }
9 return $select;
10}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

3function appendOption ($select, option) {
4 $select.append($('<option></option>')
5 .attr('value', option.id).text(option.text));
6}
191function addSelectOption(optionId, disabled) {
192
193 // add an <option> to the <select>
194 // used only by buildSelect()
195
196 if(disabled == undefined) var disabled = false;
197
198 var $O = $('#' + optionId);
199 var $option = $("<option>" + $O.text() + "</option>")
200 .val($O.val())
201 .attr('rel', optionId);
202
203 if(disabled) disableSelectOption($option);
204
205 $select.append($option);
206}
191function addSelectOption(optionId, disabled) {
192
193 // add an <option> to the <select>
194 // used only by buildSelect()
195
196 if(disabled == undefined) var disabled = false;
197
198 var jQueryO = jQuery('#' + optionId);
199 var jQueryoption = jQuery("<option>" + jQueryO.text() + "</option>")
200 .val(jQueryO.val())
201 .attr('rel', optionId);
202
203 if(disabled) disableSelectOption(jQueryoption);
204
205 jQueryselect.append(jQueryoption);
206}
45function addOption(select, name, value) {
46 var newOption = document.createElement("option");
47 newOption.text = name;
48 newOption.value = value;
49 select.add(newOption);
50}
207private setSingleSelectedOption(option: SelectItem | undefined) {
208 const previous = this.selectedItems.length > 0 ? this.optionsMap[this.selectedItems[0].value] : undefined;
209 this.selected = option ? this.optionsMap[option.value] : undefined;
210 return previous;
211}
6function addNewSelectOption(selectBox) {
7 var opt = document.createElement('option');
8 opt.value = 'add_new';
9 opt.innerHTML = '--Add New--';
10 selectBox.appendChild(opt);
11}
589function createSelect(options, fn) {
590 const el = document.createElement('div');
591 el.innerHTML = `
592 <h3 class="Control-name">${options.name}</h3>
593 <select class="Select" data-select>
594 ${options.options.map(item => `
595 <option value="${item.value}">${item.text}</option>
596 `)}
597 </select>
598 `;
599 options.el.appendChild(el);
600
601 const select = el.querySelector('[data-select]');
602
603 select.addEventListener('change', () => fn(select.value));
604}
229function enableSelectOption($option) {
230
231 // given an already disabled select option, enable it
232
233 $option.removeClass(options.optionDisabledClass)
234 .attr("disabled", false);
235
236 if(options.hideWhenAdded) $option.show();
237 if($.browser.msie) $select.hide().show(); // this forces IE to update display
238}
55addOption(select: HTMLSelectElement, optionText: string) {
56 var option = document.createElement('option');
57 option.text = optionText;
58 select.options.add(option);
59}

Related snippets