Помогите с динамической вставкой HTML

akiss · March 12, 2008

Ахтунг!!! Помогите!!! Не работает скрипт в IE6 и в IE7!!! Все уже перепробовал!!! Как пофиксить?

Скрипт при выборе определенного элемента в одном поле должен динамически вставлять в HTML код другое динамическое поле.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
<!--
body,td,th,input,select {
 font-size: 10px;
 font-family:Arial, Helvetica, sans-serif;
}

.do{
width: 90%;
}

.sto{
width: 100%;
}

form#filtr input#button{
border: default;}

div.bnm1{
position:absolute;
visibility:hidden;
}

div.bnm2{
position:relative;
visibility:visible;
}

-->
</style>
<script type="text/javascript">

//CSS

function opex(){
document.getElementById("bnm").className = 'bnm1';
}

function ope(){
inid = document.getElementById("bnm");
inid.className = 'bnm2';
}



//DOM

/*function ope(){
 var xxx = document.createElement('div')
 xxx.appendChild(document.createTextNode('Element'))
 document.appendChild(xxx);
}
*/




//innerHTML

/*function opex(){
document.getElementById("open").innerHTML = '';
}

function ope(){
document.getElementById("open").innerHTML = '<table width="100%" border="0" cellspacing="0" cellpadding="5"><tr><td><select name="select5" id="select5" class="sto"><option>Округ</option><option>Округ Москвы</option></select></td><td><select name="select6" id="select6" class="sto"><option>Район</option><option>Район Москвы</option></select></td><td><select name="select7" id="select7" class="sto"><option>Метро</option></select></td></tr></table>';
}*/


</script>
</head>

<body>
<form id="filtr" method="post" action=""><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#F0F0F0">
 <tr>
 <td><table width="100%" border="0" cellspacing="0" cellpadding="5">
 <tr>
 <td width="3%" align="right">Город</td>
 <td width="21%"><select name="select2" id="select2" class="sto">
 <option onMouseDown="opex()" selected="selected">Любой город</option>
 <option onMouseDown="ope()">Москва</option>
 <option onMouseDown="opex()">Нижний Новгород</option>
 </select></td>
 </tr>
 </table></td>
 </tr>
 <tr >
 <td id="open"><div id="bnm" class="bnm1"><table width="100%" border="0" cellspacing="0" cellpadding="5">
 <tr>
 <td><select name="select5" id="select5" class="sto">
 <option>Округ Москвы 1</option>
 <option>Округ Москвы 2</option>
 </select></td>
 </tr>
 </table></div></td>
 </tr>
</table>

</form>
</body>
</html>

AKS · March 13, 2008

Вам надо установить обработчик onchange для .

Sign In

Помогите с динамической вставкой HTML

Question

akiss

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

AKS

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information