Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 164
  • Last Modified:

Question on drop down list

How can I implement Disallow First to make sure the first item in the drop down list is never selected?
0
alexandram
Asked:
alexandram
  • 4
  • 3
  • 3
  • +4
1 Solution
 
COBOLdinosaurCommented:
Try:

<select onChange="if (this.selectedIndex==0) {this.options[1].selected=true; this.selectedIndex=1;}">
<option> first option</option>
<option selected>second option</option>
<option> Third option</option>
<option> Fourth option</option>
<option> fifth option</option>
</select>

Cd&
0
 
thirdCommented:
if you don't want it to get selected, then why put it as an option in the selectbox?
0
 
brunoCommented:
<select name="mySelect">
<option value="">-------- select one --------</option>
<option value="2">second option</option>
<option value="3"> Third option</option>
<option value="4"> Fourth option</option>
<option value="5"> fifth option</option>
</select>


use javascript on form submit to make sure that the "mySelect" HAS a value...if not, pop up an alert box to tell them that they have to select something...


<script type="text/javascript" language="JavaScript">
function fnVerify(theForm)
{
     if(document.myForm.mySelect.value == "")
          {
          alert("Please make a selection");
          document.myForm.mySelect.focus();
          return false;
          }                    
     return true;
     }    

</script>




BRUNO
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
lexxwernCommented:
not the answer but you could color it differently !!

<option style="background-color:#ffffff; color: #33333;"> not selectable </option>


;)
0
 
brunoCommented:
Looking forward to your feedback alexandram...

I have a good feeling that my previous comment was very close to the heart of the solution, and am interested to find out if i was correct.


BRUNO
0
 
fnizetCommented:
I don't know if Bruno's right, but his solution sounds good.

I usually do the test with CobolDinosaur's function but when the form is submitted, not on the onChange event :

<script type="text/javascript" language="JavaScript">
function fnVerify(theForm)
{
    if(document.myForm.mySelect.selectedIndex == 0)
         {
         alert("Please make a selection");
         document.myForm.mySelect.focus();
         return false;
         }                    
    return true;
}    

</script>
0
 
COBOLdinosaurCommented:
Well I don't see where they are asking for validation; just prevention.  If validation is wht is required then Iwould also do it in a function off of the submit, but I think they are just trying to disable the option.

Cd&
0
 
fnizetCommented:
Then we agree, CobolDinosaur.
When re-reading the question, I'd say you're probably right.

0
 
knightEknightCommented:
I like this way:

<SELECT name='mySelect' onChange='this.selectedIndex=(this.selectedIndex==0?-1:this.selectedIndex);'>
0
 
brunoCommented:
I can't imagine WHY a solution like yours would be needed Cd&....WHY even have the first option there?

I know at my previous job our first option was always

<option value="">------select one------</option>


we used it to set the width of the select box, but obviously, it shouldn't be a selection when the form is submitted.  however, it DOES need to be able to show...


I guess we will have to wait and see what alexandram says.



BRUNO
0
 
ahoffmannCommented:
<option disabled>disabled</option>

# probably not working for 75% audiance ;-)
0
 
COBOLdinosaurCommented:
>>> # probably not working for 75% audiance ;-)
more like 95%  ...  Netscrap 6, opera and moz1.0  AFAIK

Cd&
0
 
ahoffmannCommented:
Netscape 6.x, Mozilla 1.x works
opera 5 and 6 works too, but is strange (you can select, but the selection is not activated, for obvious reason:)
Opera 3 and 4 not yet tested ...
0
 
brunoCommented:
Glad I could help.
0
 
ahoffmannCommented:
graded the solution which works for any browser, even mosaic 0.9
Great!
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 4
  • 3
  • 3
  • +4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now