To expand Vincent Ramdhanie’s suggestion, take a look at doing something like this. Essentially, you end up with your own jQuery function that you can re-use elsewhere. Step 1: Create the jQuery Function (function($) { $.fn.selected = function(fn) { return this.each(function() { var clicknum = 0; $(this).click(function() { clicknum++; if (clicknum == 2) { clicknum … Read more
document.querySelectorAll(‘option:checked’) Works even on IE9 😉
You can create the option inside the loop; for(element in langArray) { var opt = document.createElement(“option”); opt.value= index; opt.innerHTML = element; // whatever property it has // then append it to the select element newSelect.appendChild(opt); index++; } // then append the select to an element in the dom 2023 Update: To make sure we avoid … Read more
this isn’t a css selector. you can avoid spelling the id of this by passing it as a context: $(‘option:selected’, this).remove(); http://api.jquery.com/jQuery/
It is not an array. It is an HTMLCollection. It is “array-like” In 2022, a week before EOL of Internet Explorer 11, the simplest vanilla JavaScript solution is using spread and Array map const opts = document.querySelectorAll(“select option”); // we can use forEach on the resulting HTMLCollection // but map needs to be spread to … Read more
onclick event on option tag will fail on most versions of IE, Safari and Chrome: reference If you want to trigger an event whenever user select, why not simply use: <select onclick=”check()”> <option>one</option> <option>two</option> <option>three</option> And if you want to do something with the specific option user selected: <select onclick=”if (typeof(this.selectedIndex) != ‘undefined’) check(this.selectedIndex)”> <option>one</option> … Read more
Building on Oded’s answer, you could also set the default option but not make it a selectable option if it’s just dummy text. For example you could do: <option selected=”selected” disabled=”disabled”>Select a language</option> This would show “Select a language” before the user clicks the select box but the user wouldn’t be able to select it … Read more
You need to add a name to your <select> element: <select id=”testSelect” name=”testSelect”> It will be posted to the server, and you can see it using: Request.Form[“testSelect”]
Try this : $(‘select[name^=”salesrep”] option[value=”Bruce Jones”]’).attr(“selected”,”selected”); Just replace option[value=”Bruce Jones”] by option[value=result[0]] And before selecting a new option, you might want to “unselect” the previous : $(‘select[name^=”salesrep”] option:selected’).attr(“selected”,null); You may want to read this too : jQuery get specific option tag text Edit: Using jQuery Mobile, this link may provide a good solution : jquery … Read more
I tried to find a solution through CSS. But I failed to do it. Doesn’t matter; I have written a simple Javascript code for it. This can do something for it. function shortString(selector) { const elements = document.querySelectorAll(selector); const tail=”…”; if (elements && elements.length) { for (const element of elements) { let text = element.innerText; … Read more