Html form with related fields

Question

I need to develope a html form, but with 2 types of related fields:

Two dropdown related fields: if I choose an option on the first field, the options avaiable on the second field, will change.
About the same, but with sizes (x, y), which must be proportional:

Example

X = 1 cm
Y = 2 cm

or

X = 2cm
Y = 4cm

and so on

Is all this even possible?

Thankk a lot!

Answer 1

This will not be possible with html only. You will need javscript to acomplish that it would look something like this

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">

         function changeContent(){
            var x = document.getElementById('x')
            var y = document.getElementById('y')

            y.selectedIndex  = x.selectedIndex; 
         }
     </script>
</head>
<body>
    <select id="x" onchange="changeContent()">
        <option  value="1">1</option>
        <option  value="2">2</option>
    </select>

    <select id="y">
        <option value="1">2</option>
        <option value="2">4</option>
    </select>
</body>
</html>

Html form with related fields

Question

1 answers

solution1
0 2015-09-18 12:33:58

Html form with related fields

Question

1 answers

solution1 0 2015-09-18 12:33:58

solution1
0 2015-09-18 12:33:58