DAMI / Alien-GvaScript-1.21 / test / functional / autoCompleter / dependent.html 

            

              
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

              
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <link href="../../test.css" rel="stylesheet" type="text/css">
    <link href="../../images/GvaScript.css" rel="stylesheet" type="text/css">
    <script src="../../../lib/prototype.js"></script>
    <script src="../../../lib/GvaScript.js"></script>
    <script>
      var choices = [
        {price: "8$",  value: "falafel"},
        {price: "12$", value: "kebab"},
        {price: "6$",  value: "hummos"}
      ];
      var ac = new GvaScript.AutoCompleter(choices, {
         minimumChars: 0,
         typeAhead : false,
         strict: true,
         labelField: 'value',
         dependentFields : {detail: 'price'}
       });
    </script>
  </head>
  <body>
    <h1>Autocompleter with dependent fields</h1>
    <p>Conveniently relate other inputs to the autocompleter</p>
    <form>
      Sandwich : <input name="main" class="AC_input" onfocus="ac.autocomplete(this)" />
      Price :    <input name="detail" size="4" disabled style="border: 1px solid #ddd;background-color: #eee"/>
      <input type=submit value="place order" />
    </form>
  </body>
</html>