[thelist] Insert CSS class with JavaScript
Peter Abramowicz
pabramow at web.net
Tue Dec 2 18:15:25 CST 2003
Hi,
I wonder if anyone has done this or know how to do it.
Here is a problem, I am generating 'OPTION' tags with JavaScript, based on an info from MySQL database.
I need to insert CSS class into the new tags. So far I wasn't able to came up with any way that works.
If anyone has any ideas I would really appreciate your input.
Thanks,
Peter Abramowicz
Web Developer
A&CNet
Here is a relevant bit of script:
<script>
regioninfo = new Array (new Array("prov_id", region_value, "Region Name" ), etc ;
function fillSelectFromArray(u_id, selectCtrl, itemArray ) {
var i, j;
if (itemArray != null) {
// add new items
j=2;
for (i = 0; i < itemArray.length; i++) {
if( itemArray[i][0] == u_id ) {
selectCtrl.options[j] = new Option(itemArray[i][2]);
selectCtrl.options[j].value = itemArray[i][1];
echo (selectCtrl.options[j]);
j++;
}
}
}
}
function update_region( ) {
var prov_id=this.document.search_condi.fm_prov.value;
fillSelectFromArray( prov_id, this.document.search_condi.fm_region, regioninfo );
}
</script>
<select class="search" size="1" name="fm_prov" onchange="update_region()">
<option class="search" value="none">-- Select Province </option>
<option class="search" value="AB" >Alberta</option>
<option class="search" value="BC" >British Columbia</option>
etc.
</select>
<select class="search" size="1" name="fm_region" id="fm_region">
<option class="search" value="none"> Select Region </option>
<option class="search" value="map"> Regions Map </option>
</select>
More information about the thelist
mailing list