Solved

Question on drop down list

Posted on 2002-07-02
15
155 Views
Last Modified: 2010-04-09
How can I implement Disallow First to make sure the first item in the drop down list is never selected?
0
Comment
Question by:alexandram
  • 4
  • 3
  • 3
  • +4
15 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7125533
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
 
LVL 30

Expert Comment

by:third
ID: 7125600
if you don't want it to get selected, then why put it as an option in the selectbox?
0
 
LVL 18

Accepted Solution

by:
bruno earned 100 total points
ID: 7125753
<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
 
LVL 12

Expert Comment

by:lexxwern
ID: 7125857
not the answer but you could color it differently !!

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


;)
0
 
LVL 18

Expert Comment

by:bruno
ID: 7125889
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
 
LVL 2

Expert Comment

by:fnizet
ID: 7126767
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7126779
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 2

Expert Comment

by:fnizet
ID: 7126808
Then we agree, CobolDinosaur.
When re-reading the question, I'd say you're probably right.

0
 
LVL 33

Expert Comment

by:knightEknight
ID: 7126811
I like this way:

<SELECT name='mySelect' onChange='this.selectedIndex=(this.selectedIndex==0?-1:this.selectedIndex);'>
0
 
LVL 18

Expert Comment

by:bruno
ID: 7126976
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
 
LVL 51

Expert Comment

by:ahoffmann
ID: 7127532
<option disabled>disabled</option>

# probably not working for 75% audiance ;-)
0
 
LVL 53

Expert Comment

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

Cd&
0
 
LVL 51

Expert Comment

by:ahoffmann
ID: 7127569
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
 
LVL 18

Expert Comment

by:bruno
ID: 7211294
Glad I could help.
0
 
LVL 51

Expert Comment

by:ahoffmann
ID: 7216946
graded the solution which works for any browser, even mosaic 0.9
Great!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now