javascript - drop down list validation -


I have three drop down lists in my form so that day can be selected. And their respective available time if someone chooses the day of the morning and the morning of the day, then the drop down list should be disabled in the morning slot at two o'clock in the morning. The HTML code is:

  Day 1: & lt; Select ID = "Day 1" Title = "- Select Day -" name = "wd1" id = "wd1" tabindex = "14" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Option value = "1" & gt; Sunday & lt; / Options & gt; & Lt; Option value = "2" & gt; Monday & lt; / Options & gt; & Lt; Option value = "3" & gt; Tuesday & lt; / Options & gt; & Lt; Option value = "4" & gt; Wednesday & lt; / Options & gt; & Lt; Option value = "5" & gt; Thursday & lt; / Options & gt; & Lt; Option value = "6" & gt; Friday & lt; / Options & gt; & Lt; Option value = "7" & gt; Saturday & lt; / Options & gt; & Lt; / Select & gt; Time 1: & lt; Select name = "tslot1" id = "tslot1" tabindex = "15" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Options & gt; Morning (8-12) & lt; / Options & gt; & Lt; Options & gt; Afternoon (12-4pm) & lt; / Options & gt; & Lt; Options & gt; Evening (4-8pm) & lt; / Options & gt; & Lt; / Select & gt; & Lt; Br> & Lt; Br> 2 days: & lt; Select ID = "Day 2" Title = "- Select Day -" name = "wd2" id = "wd2" tabindex = "16" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Option value = "1" & gt; Sunday & lt; / Options & gt; & Lt; Option value = "2" & gt; Monday & lt; / Options & gt; & Lt; Option value = "3" & gt; Tuesday & lt; / Options & gt; & Lt; Option value = "4" & gt; Wednesday & lt; / Options & gt; & Lt; Option value = "5" & gt; Thursday & lt; / Options & gt; & Lt; Option value = "6" & gt; Friday & lt; / Options & gt; & Lt; Option value = "7" & gt; Saturday & lt; / Options & gt; & Lt; / Select & gt; Time 2: & lt; Select name = "tslot2" id = "tslot2" tabindex = "17" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Options & gt; Morning (8-12) & lt; / Options & gt; & Lt; Options & gt; Afternoon (12-4pm) & lt; / Options & gt; & Lt; Options & gt; Evening (4-8pm) & lt; / Options & gt; & Lt; / Select & gt; & Lt; Br / & gt; & Lt; Br / & gt; Day 3: & lt; Select ID = "Day 3" Title = "- Select Day -" name = "wd3" id = "wd3" tabindex = "18" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Option value = "1" & gt; Sunday & lt; / Options & gt; & Lt; Option value = "2" & gt; Monday & lt; / Options & gt; & Lt; Option value = "3" & gt; Tuesday & lt; / Options & gt; & Lt; Option value = "4" & gt; Wednesday & lt; / Options & gt; & Lt; Option value = "5" & gt; Thursday & lt; / Options & gt; & Lt; Option value = "6" & gt; Friday & lt; / Options & gt; & Lt; Option value = "7" & gt; Saturday & lt; / Options & gt; & Lt; / Select & gt; Time 3: & lt; Select name = "tslot3" id = "tslot3" tabindex = "19" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Options & gt; Morning (8-12) & lt; / Options & gt; & Lt; Options & gt; Afternoon (12-4pm) & lt; / Options & gt; & Lt; Options & gt; Evening (4-8pm) & lt; / Options & gt; & Lt; / Select & gt; & Lt; Br / & gt; & Lt; Br / & gt;   

Please help me with this problem ...

In the HTML for the selected tag, you have used two IDs namely "day1" and "wd1", the ID is a unique feature of a specific tag. So you can change it with an ID.

I made the following changes to the HTML page: Day 1: & lt; Select ID = "Day 1" Title = "- Select Day -" Name = "Day 1" tabindex = "14" & gt; & Lt; Option selected & gt; -select- & lt; / Options & gt; & Lt; Option value = "1" & gt; Sunday & lt; / Options & gt; & Lt; Option value = "2" & gt; Monday & lt; / Options & gt; & Lt; Option value = "3" & gt; Tuesday & lt; / Options & gt; & Lt; Option value = "4" & gt; Wednesday & lt; / Options & gt; & Lt; Option value = "5" & gt; Thursday & lt; / Options & gt; & Lt; Option value = "6" & gt; Friday & lt; / Options & gt; & Lt; Option value = "7" & gt; Saturday & lt; / Options & gt; & Lt; / Select & gt; .

So we can mention the selected ID "day1" and write change function for required assumptions.

Javascript code:

  $ (document) .ready (function () {$ ("# day1"). ('Change', function () {var Index = $ ('# day1'). ("Disabled", "disabled"); $ ('# day3 option: (select) at ("index +"). Et ("disabled", "disabled ");});   

});

Where the date matches the ID field with" day2 "and" day 3 "

Similar can be done with similar time.

Comments

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

Python's equivalent for Ruby's define_method? -