Artifact
381be36fb7f2f251f49b7c16bc65df1750ddb87bfcd6b15c539d78ec60ccfcdf:
0000: 3c 6c 6f 6f 70 2d 6f 70 74 67 72 6f 75 70 3e 0a <loop-optgroup>.
0010: 20 20 3c 73 65 6c 65 63 74 3e 0a 20 20 20 20 3c <select>. <
0020: 6f 70 74 67 72 6f 75 70 20 65 61 63 68 3d 22 7b optgroup each="{
0030: 20 67 72 6f 75 70 20 69 6e 20 64 61 74 61 20 7d group in data }
0040: 22 20 6c 61 62 65 6c 3d 22 7b 20 67 72 6f 75 70 " label="{ group
0050: 2e 6e 61 6d 65 20 7d 22 3e 0a 20 20 20 20 20 20 .name }">.
0060: 20 20 3c 6f 70 74 69 6f 6e 20 65 61 63 68 3d 22 <option each="
0070: 7b 20 6f 70 74 69 6f 6e 20 69 6e 20 67 72 6f 75 { option in grou
0080: 70 2e 6f 70 74 69 6f 6e 73 20 7d 22 20 73 65 6c p.options }" sel
0090: 65 63 74 65 64 3d 22 7b 20 6f 70 74 69 6f 6e 2e ected="{ option.
00a0: 73 65 6c 65 63 74 65 64 20 7d 22 20 76 61 6c 75 selected }" valu
00b0: 65 3d 22 7b 20 6f 70 74 69 6f 6e 2e 76 61 6c 75 e="{ option.valu
00c0: 65 20 7d 22 3e 7b 20 6f 70 74 69 6f 6e 2e 6e 61 e }">{ option.na
00d0: 6d 65 20 7d 3c 2f 6f 70 74 69 6f 6e 3e 0a 20 20 me }</option>.
00e0: 20 20 3c 2f 6f 70 74 67 72 6f 75 70 3e 0a 20 20 </optgroup>.
00f0: 3c 2f 73 65 6c 65 63 74 3e 0a 0a 20 20 74 68 69 </select>.. thi
0100: 73 2e 64 61 74 61 20 3d 20 5b 0a 20 20 20 20 7b s.data = [. {
0110: 0a 20 20 20 20 20 20 6e 61 6d 65 3a 20 27 47 72 . name: 'Gr
0120: 6f 75 70 20 31 27 2c 0a 20 20 20 20 20 20 6f 70 oup 1',. op
0130: 74 69 6f 6e 73 3a 20 5b 20 7b 20 6e 61 6d 65 3a tions: [ { name:
0140: 20 27 4f 70 74 69 6f 6e 20 31 2e 31 27 2c 20 76 'Option 1.1', v
0150: 61 6c 75 65 3a 20 31 2c 20 73 65 6c 65 63 74 65 alue: 1, selecte
0160: 64 3a 20 27 27 20 7d 2c 7b 20 6e 61 6d 65 3a 20 d: '' },{ name:
0170: 27 4f 70 74 69 6f 6e 20 31 2e 32 27 2c 20 76 61 'Option 1.2', va
0180: 6c 75 65 3a 20 32 2c 20 73 65 6c 65 63 74 65 64 lue: 2, selected
0190: 3a 20 27 27 20 7d 20 5d 0a 20 20 20 20 7d 2c 0a : '' } ]. },.
01a0: 20 20 20 20 7b 0a 20 20 20 20 20 20 6e 61 6d 65 {. name
01b0: 3a 20 27 47 72 6f 75 70 20 32 27 2c 0a 20 20 20 : 'Group 2',.
01c0: 20 20 20 6f 70 74 69 6f 6e 73 3a 20 5b 20 7b 20 options: [ {
01d0: 6e 61 6d 65 3a 20 27 4f 70 74 69 6f 6e 20 32 2e name: 'Option 2.
01e0: 31 27 2c 20 76 61 6c 75 65 3a 20 33 2c 20 73 65 1', value: 3, se
01f0: 6c 65 63 74 65 64 3a 20 30 20 7d 2c 7b 20 6e 61 lected: 0 },{ na
0200: 6d 65 3a 20 27 4f 70 74 69 6f 6e 20 32 2e 32 27 me: 'Option 2.2'
0210: 2c 20 76 61 6c 75 65 3a 20 34 2c 20 73 65 6c 65 , value: 4, sele
0220: 63 74 65 64 3a 20 27 73 65 6c 65 63 74 65 64 27 cted: 'selected'
0230: 20 7d 20 5d 0a 20 20 20 20 7d 0a 20 20 5d 0a 3c } ]. }. ].<
0240: 2f 6c 6f 6f 70 2d 6f 70 74 67 72 6f 75 70 3e 0a /loop-optgroup>.