js如何将一个DIV的文字传给option?

来源:百度知道 编辑:UC知道 时间:2024/05/16 09:00:14
<div id="di1" onclick="intext(1)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">最小</div>
<div id="di2" onclick="intext(2)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">较小</div>
<div id="di3" onclick="intext(3)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">中等</div>
<div id="di4" onclick="intext(4)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">较大</div>
<div id="di5" onclick="intext(5)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">最大</div>
</div>
function intext(a)

因为那些<div>标签没有设置value属性,所以当你使用document.getElementById("di"+j).value时返回值是undefined。如果想使下拉列表的选项显示<div>标签“最大”之类的内容,应该使用innerHTML属性。代码是这样的:
<div id="di1" onclick="intext(1)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">最小</div>
<div id="di2" onclick="intext(2)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">较小</div>
<div id="di3" onclick="intext(3)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">中等</div>
<div id="di4" onclick="intext(4)" onmouseover="this.className='style4'" onmouseout="this.className='style3'">较大</div>
<div id="di5" onclick="intext(5)" onmouseove