HTML+CSS+JavaScript

народ как зделать чтобы такого рожа селект

<option class=bbcodes value=0 selected>ЦВЕТ</option>     <option class=bbcodes style="COLOR: blue" value=blue>Синий</option>     <option class=bbcodes style="COLOR: red" value=red>Красный</option>     <option class=bbcodes style="COLOR: purple" value=purple>Фиолетовый</option>     <option class=bbcodes style="COLOR: orange" value=orange>Оранжевый</option>     <option class=bbcodes style="COLOR: yellow" value=yellow>Жёлтый</option>     <option class=bbcodes style="COLOR: gray" value=gray>Серый</option>     <option class=bbcodes style="COLOR: green" value=green>Зелёный</option>

при выборе какогото цвета и предварительно выделен тект к примеру как у вас на фор уме [b][/b] после выбора к примеру RED все что выделенно заключалось в [COLOR=purple] и закрывалось [/COLOR]

Скомбинированнoе решение по 2-м cсылкам:
http://softtime.ru/forum/read.php?id_forum=4&id_theme=11072&page=5
http://softtime.ru/forum/read.php?id_forum=4&id_theme=6623&page=1

<form enctype='multipart/form-data' name='gb' action=addpost.php method=post> <input type=hidden name=personally value=''> <p class=texthelp>&nbsp;</p> <br> <table style="border:1pt dashed #c0c0c0; background-position: left center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-REPEAT: repeat-x" width="0" height="1" cellpadding="0" cellspacing="7"> <tr>  <td>         По центру: <a href=# onClick="javascript:tag('', ''); return false;" >         [center][/center]</a><br>         Жирный: <a href=# onClick="javascript:tag('', ''); return false;" >         [b][/b]</a><br>         Наклонный: <a href=# onClick="javascript:tag('', ''); return false;" >         [i][/i]</a><br>         URL: <a href=# onClick="javascript:tag('[url]', '[/url]'); return false;" >         [url][/url]</a><br>          </td> </tr> </table>   <select name="currency" class="i" onChange="showSelected(this)">  <option class=bbcodes style="COLOR: blue" value=blue>Синий</option>      <option class=bbcodes style="COLOR: red" value=red>Красный</option>      <option class=bbcodes style="COLOR: purple" value=purple>Фиолетовый</option>      <option class=bbcodes style="COLOR: orange" value=orange>Оранжевый</option>      <option class=bbcodes style="COLOR: yellow" value=yellow>Жёлтый</option>      <option class=bbcodes style="COLOR: gray" value=gray>Серый</option>      <option class=bbcodes style="COLOR: green" value=green>Зелёный</option>     </select> <script language='JavaScript1.1' type='text/javascript'> function showSelected(selected_value){ var my_index = selected_value.selectedIndex; var index_value= selected_value.options[my_index].value; document.gb.message.value=index_value; } //--> </script> <table border="0" width="100%"> <tr><td colspan="2"><p class="fieldname">Сообщение:<br> <textarea class=input style="padding-right: 10px;" cols=110 rows=15 name=message></textarea></td></tr>         </table> </form> <script language='JavaScript1.1' type='text/javascript'> <!--   function tag(text1, text2)   {      if ((document.selection))      {        document.gb.message.focus();        document.gb.document.selection.createRange().text = text1+document.gb.document.selection.createRange().text+text2;      } else document.gb.message.value += text1+text2;   }    //--> </script>

Зделал чтобы выводило value но как связать две этих функции чтобы при выделении текта и затем выбора цвета из селекта он сразу заключался в теги .

Из функции showSelected(), вызвать функцию tag()с параметрами selected_value.

В конце функции showSelected() добавить это:

var str_color1 = '['  + index_value + ']'; var str_color2 = '[/' + index_value + ']'; tag(str_color1,str_color2);

Вроде пашет спасибо конечно а как бы еще убрать чтобы перед вставкой orange[orange][/orange] value orange не вылазило ?
и еще етот value вылазиет к примеру я напечатал чтото выделил нажал на цвет определенный место моего текста опять value =)

Если так понял, то уберите эту строку из функции showSelected():
document.gb.message.value=index_value;

Спасибо огромное!