html-select | 易学教程

Can we add class attribute in option element?

阅读更多关于 Can we add class attribute in option element?

问题 I want to add class for my option element. Is that valid to add class attribute in HTML option element? 回答1: Yes it is valid. From the W3Schools website: The <option> tag also supports the Global Attributes in HTML. From which the class attribute is a part of. Please note that often, the option tag has formatting issues regarding the browser you are using, so styling it can be a little tricky. EDIT: Since I wrote this answer, it has come to my attention that W3Schools probably isn't the most

HTML Select DropDown list with multiple colours

阅读更多关于 HTML Select DropDown list with multiple colours

问题 Is it possible to have different colours for different items in the dropdown list? For example: Option 1 = green Option 2 = blue etc 回答1: here is what you want Styling Dropdown Lists <style type="text/css"> option.red {background-color: #cc0000; font-weight: bold; font-size: 12px;} option.pink {background-color: #ffcccc;} </style> <select name=colors> <option class="red" value= "../getting_started/">Getting Started </option> <option class="pink" value= "../getting_started/html_intro1.htm">-

disable select option value when selected

阅读更多关于 disable select option value when selected

问题 I am using this code. But I'm facing a problem that when I select "one" in 1st select box and then in 2nd I select "two" and when I select again 2nd value to "three" but the value "two" remain disabled: HTML code // one <select> <option>Select</option> <option value="1" >one</option> <option value="two">two</option> <option>three</option> </select> //two <select> <option>Select</option> <option value="1" >one</option> <option value="two">two</option> <option>three</option> </select> This is

How to add option to select list in jQuery

阅读更多关于 How to add option to select list in jQuery

My select list is called dropListBuilding . The following code does not seem to work: for (var i = 0; i < buildings.length; i++) { var val = buildings[i]; var text = buildings[i]; alert("value of builing at: " + i.toString() + " is: " + val); $("#dropListBuilding").addOption(val, text, false); } This line dies: $("#dropListBuilding").addOption(val, text, false); What is the right to add items to the drop down in jQuery? I have tested without that line and the buildings variable does have my data element. Haminh Nguyen Don't make your code so complicated. It can be done simply as below by using

jQuery show/hide drop-down options based on another drop-down option

阅读更多关于 jQuery show/hide drop-down options based on another drop-down option

问题 I am trying to create a drop-down select menu that will consist of three select boxes, where the 3rd box will show/hide specific option based on an option selected in the 1st select box. I was wondering if anyone here is be able to suggest a solution to this. Here is a simplified version of the 3 select boxes I have: <select class="product" id="select_1" name="product"> <option selected="selected" value=""> Choose Category </option> <option value="Mens Suits"> Mens Suits </option> <option

Multiple level select in html

阅读更多关于 Multiple level select in html

问题 I have a select box which runs a JavaScript when the option changes. Now I want to have multi level select, something like menus and submenus etc. What I want is like I have Option to select Country. As soon as mouse is cliked on country, the cities of that country are brought into the form sideways and maybe third list when city is clicked. I have seen in this forum where Country-City-Street type select is mentioned and solved but what I want is that the value of the select should be from

How do I set an un-selectable default description in a select (drop-down) menu in HTML?

阅读更多关于 How do I set an un-selectable default description in a select (drop-down) menu in HTML?

I have a drop down where the user selects a language: <select> <option>English</option> <option>Spanish</option> </select> I want the default option that is initially displayed to say "Select a language" instead of "English" (my first option, displayed by default). I don't want the user to be able to select "Select a language". If none of the options in the select have a selected attribute, the first option will be the one selected. In order to select a default option that is not the first, add a selected attribute to that option: <option selected="selected">Select a language</option> You can

Drop Down Menu/Text Field in one

阅读更多关于 Drop Down Menu/Text Field in one

I'm working on building new site, and I need a drop down menu to select the amount of something in my site. But at the same time I need this drop down list to accept text. So if the client wants to choose from the drop down list then he can, also if the client want to enter the amount by text then he can also. As you can see I want to make it dual. For example: suppose there is an amount drop down menu, and its elements are (1,2,3); Suppose now that the client needs the amount to be 5 - this is his right - it does not exist in the drop down list, so the client now must enter the amount

Javascript to detect whether the dropdown of a select element is visible

阅读更多关于 Javascript to detect whether the dropdown of a select element is visible

问题 I have a select element in a form, and I want to display something only if the dropdown is not visible. Things I have tried: Watching for click events, where odd clicks mean the dropdown is visible and even clicks mean the dropdown isn't. Misses other ways the dropdown could disappear (pressing escape, tabbing to another window), and I think this could be hard to get right cross-browser. Change events, but these only are triggered when the select box's value changes. Ideas? 回答1: here is how I

CasperJs and Jquery with chained Selects

阅读更多关于 CasperJs and Jquery with chained Selects

I'm trying to create a testing case for a web site which includes a form with 3 chained selects. The first select is populated by default when the web page is loaded. If any option from the first select is selected, then the second select is populated via an ajax call. In the same way, when an option is selected on the second selected, so the third select is populated via an ajax call. Finally, when an option is selected on the third select, a html table is populated with the information than I need to validate. The three interconnected selects have this struct <select id="s1" name="s1">