我想实现根据点击选择框中不同的选项,右侧出现不同的元素,目前用的实现方法为:<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,要换行,怎么才能不换行啊
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,要换行,怎么才能不换行啊
<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>
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>
<div id="sel" value="" style="display:inline"></div>