我想实现根据点击选择框中不同的选项,右侧出现不同的元素,目前用的实现方法为:<script language="javascript" type="text/javascript">
function changesel(selObj)
{
var sel = document.getElementById("sel");
sel.innerHTML = 'A';
if(selObj.options[selObj.selectedIndex].value == "原因")
{
sel.innerHTML = '111111111';
}
else if(selObj.options[selObj.selectedIndex].value == "作者")
{
sel.innerHTML = '222222222';
}
}<select name="stat_tp" class="font01" onchange="changesel(this)">
<option value="更改原因">更改原因</option>
<option value="作者">作者</option>
<option value="月份">月份</option>
<option value="季度">季度</option>
</select>
<div id="sel" value=""></div>因为用的DIV,要换行,怎么才能不换行啊

解决方案 »

  1.   


    <html>
    <head>
    </head>
    <body>
    <script language="javascript" type="text/javascript">
    function changesel(selObj)
    {
        var sel = document.getElementById("sel");
        sel.innerHTML = 'A';
        if(selObj.options[selObj.selectedIndex].value == "原因")
        {
            sel.innerHTML = '111111111';
        }
        else if(selObj.options[selObj.selectedIndex].value == "作者")
        {
            sel.innerHTML = '222222222';
        }
    }
    </script>
    <div id="d1">
    <select name="stat_tp" class="font01" onchange="changesel(this)">
            <option value="更改原因">更改原因</option>
            <option value="作者">作者</option>
            <option value="月份">月份</option>
            <option value="季度">季度</option>
    </select>11111111</div>
    <div id="sel" value=""></div></body>
    </html>
      

  2.   

    <div id="sel" style="display:inline;"></div><script language="javascript" type="text/javascript">
    function changesel(selObj)
    {
        var sel = document.getElementById("sel");
        sel.innerHTML = 'A';
        if(selObj.options[selObj.selectedIndex].value == "原因")
        {
            sel.innerHTML = '111111111';
        }
        else if(selObj.options[selObj.selectedIndex].value == "作者")
        {
            sel.innerHTML = '222222222';
        }
    }
    </script>
    <select name="stat_tp" class="font01" onchange="changesel(this)">
            <option value="更改原因">更改原因</option>
            <option value="作者">作者</option>
            <option value="月份">月份</option>
            <option value="季度">季度</option>
    </select>
    <div id="sel" style="display:inline;"></div>
      

  3.   


    <div id="sel" value="" style="display:inline"></div>