Home/ Questions/Q 7977857
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T09:19:48+00:00

I’ve got two multiple select lists <html><head></head> <body> <select name=cars multiple=multiple size=7> <option value=>-</option>

  • 0

I’ve got two multiple select lists

<html><head></head>
<body>

<select name="cars" multiple="multiple" size="7">
  <option value="">-</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select name="drivers" multiple="multiple" size="7">
  <option value="1">Luiza</option>
  <option value="2">Sebastian</option>
  <option value="3">John</option>
  <option value="4">Arthur</option>
  <option value="5">Staszek</option>
  <option value="6">Patryk</option>
  <option value="7">Lucas</option>
  <option value="8">Madlen</option>
  <option value="9">Bartek</option>
  <option value="10">Inter</option>
</select>
</body></html>

I have to select “drivers” depending on the “cars”

For example, when i select Volvo it atumatically should select Luiza, John and Staszek.
If i select saab, i must have selected Arthur, Inter, Lucas, Patryk

And if it is not possible, then after selecting from the “cars” select “drivers” should be disabled, and when i select “-” from “Cars”, “drivers” should be active again.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    do this with ajax and load the data from database if it is possible.
    or try this with jquery

    $(document).ready(function() {     
            $('#a2').attr("disabled", "disabled");
            $('#a1').change(function() {
                var str = "";
                $("#a1 option:selected").each(function () {
                    str += $(this).text() + " ";
                });
                if(str.trim()=="-")
                    $('#a2').removeAttr("disabled");
                else
                    $('#a2').attr("disabled", "disabled");
            });
 });

    and give id for case as “a1” and drivers for “a2”

    • 0