I do this:

<script type="text/javascript"> function selectChanged() { var sel = document.getElementById('myselect'); var str = sel.selectedIndex ? (sel.options[sel.selectedIndex].innerHTML + '') : 'Цена: 111'; document.getElementById('mydiv').innerHTML = str; } </script> <select name="city" id="myselect" onchange="javascript:selectChanged();"> <option value="Цена:111">Котел 1</option> <option value="Цена:222">Котел 2</option> <option value="Цена:333">Котел 3</option> <option value="Цена:444">Котел 3</option> </select> <div id="mydiv">Цена: 111</div>

But when you select the desired element in the diva, instead of the value value , the name is displayed, that is, Boiler 1, Boiler 2, Boiler 3 ...

What's wrong?

    1 answer 1

    Lots of excess. So it will be more correct:

     <select name="city" id="myselect"> <option value="111">Котел 1</option> <option value="222">Котел 2</option> <option value="333">Котел 3</option> <option value="444">Котел 3</option> </select> <div id="mydiv">Цена: 111</div> <script type="text/javascript"> document.getElementById("myselect").addEventListener("change", function(){ document.getElementById('mydiv').innerHTML = "Цена: "+this.value; }); </script>

    Feeddle

    • Thank you for what you need! - arashvg