html-select

问题 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'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 have a dropdown that is initialized with one single value. When the user clicks it, the single element is removed and a new element is added saying "Loading", then an AJAX call is issued to the server and when returns, the new values are added to the control. The problem is that the control remains open while updating, and I would like to close it. This is an example: http://jsfiddle.net/vtortola/CGuBk/2/ The example's AJAX does not get data probably because something wrong I am doing when

问题 I am adding a select element to a Zend_Form instance as follows: $user = $form->createElement('select','user')->setLabel('User: ')->setRequired(true); foreach($users as $u) { if($selected == $u->id) { $user->addMultiOption($u->id,$u->firstname.' '.$u->lastname); //*** some way of setting a selected option? selected="selected" } else $user->addMultiOption($u->id,$u->firstname.' '.$u->lastname); } I have been searching the docs but cannot find a simple way of pre-setting an option of the select

问题 How to determine what is selected in the drop down? In Javascript. 回答1: If your dropdown is something like this: <select id="thedropdown"> <option value="1">one</option> <option value="2">two</option> </select> Then you would use something like: var a = document.getElementById("thedropdown"); alert(a.options[a.selectedIndex].value); But a library like jQuery simplifies things: alert($('#thedropdown').val()); 回答2: Use the value property of the <select> element. For example: var value =

问题 I have the following HTML: <select id="dropdown"> <option>A</option> <option>B</option> <option>C</option> </select> I have the string "B" so I want to set the selected attribute on it so it will be: <select id="dropdown"> <option>A</option> <option selected="selected">B</option> <option>C</option> </select> How would I do this in jQuery? 回答1: If you don't mind modifying your HTML a little to include the value attribute of the options, you can significantly reduce the code necessary to do

问题 I have the following markup: <select onchange="jsFunction()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> When a user pulls down the combobox and selects the same option that was previously selected (or doesn't change the selection at all), JavaScript doesn't regard it as an onchange event. So, the jsFunction() is not called. But I want the jsFunction() called even in this case. How can I achieve this? 回答1: I'd do it like this: <select

问题 The code: var newSelect=document.createElement('select'); index=0; var optn = document.createElement("option"); //langArray is an array that contains different items..the size //is not fixed for this array. for(element in langArray) { //Now i want to assign each item in langArray to each option tag //will it be sumthng like "optn.options[index]=new Option("Sports", "sportsvalue", true, false); //optn.accept(langArray[0]); index++; } I'm trying to get options populated by this way but its not

问题 I have select element, i want to remove the arrow, then i can add other icon.. i can do that for Firefox Safari and Chrome, but this didn't work on IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; }

问题 I want to set a option that was selected previously to be displayed on page load. I tried it with the following code: $("#gate").val('Gateway 2'); with <select id="gate"> <option value='null'>- choose -</option> <option value='gateway_1'>Gateway 1</option> <option value='gateway_2'>Gateway 2</option> </select> But this does not work. Any ideas? 回答1: This definitely should work. Here's a demo. Make sure you have placed your code into a $(document).ready : $(function() { $("#gate").val('gateway