Question

我有一个简单的js脚本显示和隐藏2个表单变体。

＆＃13;

function show_form (item_form_id, item_desc_id, radio_item_id) {
/* hide all active */
var i=0;
for (; i < document.getElementsByClassName('active').length; i++ ) {
    active_item=document.getElementsByClassName('active')[i].style.display='none';
    }

/* show all unactive */
var a=0;
for (; a < document.getElementsByClassName('unactive').length; a++ ) {
    unactive_item=document.getElementsByClassName('unactive')[a].style.display='block';
    }

form_id=document.getElementById(item_form_id);
form_id.style.display='block';

desc_id=document.getElementById(item_desc_id);
desc_id.style.display='none';

radio_id=document.getElementById(radio_item_id);
radio_id.checked=true;
}

＆＃13;

.active {
display:none;
}

＆＃13;

<table border="0" cellspacing="2" cellpadding="2">
<tr onClick="show_form('form_1','form_1_unactive','radio_item_1');">
    <td><div class="active" id="form_1"><input type="text" id="name" name="name" value="text 1"></div><div class="unactive" id="form_1_unactive">form_1</div></td>
    <td><input type="radio" name="address_id" value="radio_1" id="radio_item_1"></td>
</tr>
<tr onClick="show_form('form_2','form_2_unactive','radio_item_2');">
    <td><div class="active" id="form_2"><input type="text" id="name" name="name" value="text 2"></div><div class="unactive" id="form_2_unactive">form_2</div></td>
    <td><input type="radio" name="address_id" value="radio_2" id="radio_item_2"></td>
</tr></table>

＆＃13;

它适用于FF，Chrome，Opera但在IE中无法正常工作。选择一个表格后，我无法输入字符 - 光标消失。

我尝试使用css可见性并且是相同的 - 没有光标。如何修复或以不同的方式制作 - 显示和隐藏表单？

显示和隐藏形式没有工作与IE的功能

0 个答案: