Javascript в моей форме выбора не будет работать для поля textarea

Question

Здравствуйте, я исчерпал свой поиск ответа на этот вопрос, и ничто не может ответить на то, что я ищу.

У меня есть доска объявлений, где я хочу создать выпадающее меню, полное готовых шаблонов, используястатический HTML.Идея такова: постер хочет загрузить готовые html-теги в тело своего сообщения из выпадающего меню формы.Я получил это для идеальной работы с Firefox ... но, конечно, IE не поддерживает onclick для вызова javascript.В своих исследованиях я без устали пытался заставить меня позвонить в javascript, и я не могу заставить его работать ._.любая помощь будет оценена!спасибо.

Ниже приведены js и форма, которая работает в Firefox.Здесь не показано, что существует текстовая область, которая заполняется значениями, вызванными сценарием.

JAVASCRIPT:

function add_event_setup()
{
document.dataform.bodytext.value += "<center><img src=\"../../images/kick_ass_title.jpg\"><br><span class=\"event_title\">INSERT TEXT</span><br><br><table width=\"500\" bgcolor=\"#FF0000\"><tr><td bgcolor=\"#000000\"></td></tr></table></center>";
}


THE FORM:

<select class="formselect">
  <option value="Setup" class="formselect">--Setup--</option>
  <option value="Setup1" onclick="add_event_setup()" style="border: 1px solid gray" class="formselect">Setup 1</option>
</select>

Answer 1

Попробуйте любое из следующих 3:

1-й способ

JAVASCRIPT

 function add_event_setup(selectElement) {

var val = selectElement.value;

if(val == "TF")
    alert("DO THIS");
else if(val == "JR")    
    alert("DO THAT");
else
    alert("something else"); }

HTML

<select class="formselect" onchange="add_event_setup(this);"> 
    <option value="Game Terms" class="formselect">--Game Terms--</option>
    <option value="TF" style="border: 1px solid gray" class="formselect">TimeFrame</option>
    <option value="JR" style="border: 1px solid gray" class="formselect">Jim Ross</option>
</select>

2-й способ

HTML + JAVASCRIPT (Убедитесь, что тег сценария размещен после тега select, как показано ниже)

<select id="myform" class="formselect"> 

    <option value="Game Terms" class="formselect">--Game Terms--</option>
    <option value="TF" style="border: 1px solid gray" class="formselect">TimeFrame</option>
    <option value="JR" style="border: 1px solid gray" class="formselect">Jim Ross</option>
</select> 
<script>
document.getElementById("myform").addEventListener("change", function() {

    var val = this.value;

    if(val == "TF") {

        alert("DO THIS");
    } else if(val == "JR") {

        alert("DO THAT");

        } else
         alert("something else");


        }, false);
        </script>

3-й способ

На всякий случай, если вы используете jQuery :

JAVASCRIPT

    var MySelector = {

        setup : function() {

            $('#myform').bind('change', function() {

                var val = $(this).val();

                if(val == "TF") {

                    alert("DO THIS");
                } else if(val == "JR") {

                    alert("DO THAT");

                } else
                     alert("something else");           

            });

        }

    };

    $(document).ready(function() {

        MySelector.setup();
    });

HTML

    <select id="myform" class="formselect"> 

        <option value="Game Terms" class="formselect">--Game Terms--</option>
        <option value="TF" style="border: 1px solid gray" class="formselect">TimeFrame</option>
        <option value="JR" style="border: 1px solid gray" class="formselect">Jim Ross</option>
    </select>

Answer 2

Вам нужно перехватить событие onchange для выбора.

<select onchange="if(this.options[this.selectedIndex].value=='Setup1') add_event_setup();">

Если вы хотите обрабатывать каждую опцию индивидуально:

<script language="javascript">
    function handleChange(selectObject){
        switch(selectObject.options[selectObject.selectedIndex].value){
            case 'Setup':
                //handle Setup value
                break;
            case 'Setup1':
                //handle setup1
                break;
            default:
                //something by default, if you want
        }
    }
</script>
<select name="asdf" onchange="handleChange(this);">
    <option value="Setup">Setup</option>
    <option value="Setup1">Setup1</option>
</select>