前段时间参加了一个面试。下面我就说这些面试题目:
1.用JavaScript+HTML实现:网页里有一个下拉列表框和一个ok按钮,要求点击后下拉列表框变成单选按钮。
方法一:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE> ZTREE DEMO </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
body {
background-color: white;
margin:0; padding:0;
text-align: center;
}
div, p, table, th, td {
list-style:none;
margin:0; padding:0;
color:#333; font-size:12px;
font-family:dotum, Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}
#testIframe {margin-left: 10px;}
</style>
</HEAD>
<BODY>
<div id='demo'>
<select id='select'>
<option >1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<button type="button" id="ok">ok</button>
<SCRIPT type="text/javascript" >
function get(id)
{
return document.getElementById(id);
}
function selectToRadio()
{
var demo=get('demo');
var select=get('select');
var options=select.options;
var len=options.length;
radio=[];
for(i=0;i<len;++i)
{
radio.push("<input type='radio' value=' ");
radio.push(options[i].value);
radio.push(" ' / ");
radio.push(options[i].value);
}
demo.innerHTML=radio.join('');
}
window.οnlοad=function()
{
get('ok').οnclick=selectToRadio;
}
</SCRIPT>
</BODY>
</HTML>