Web上更改样式就可以使Select标签变为可编辑[HTC封装]

Web上更改样式就可以使Select标签变为可编辑[HTC封装](1)

Select.htm

<select  style="behavior:url('Select.htc');">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

Select.htc

<public:attach event=oncontentready onevent=initSelect()>
<script>
function initSelect()
{
 //
 element.style.display="none";
 //模拟组合框
 vComboxDiv=document.createElement("div");
 vOptionInput=document.createElement("input");
 vOptionInput.style.border="1px solid #000000";
 vOptionInput.style.width=element.offsetWidth+50;
 vOptionInput.value=element.options[element.selectedIndex].text;
 vComboxDiv.appendChild(vOptionInput);
 vOptionInput.attachEvent("onblur",onOptionInputBlur);
 vComboxInput=document.createElement("input");
 vComboxInput.style.border="1px solid #000000";
 vComboxInput.style.borderWidth="1 1 1 0";
 vComboxInput.type="text";
 vComboxInput.style.backgroundColor="buttonface";
 vComboxInput.style.font="normal 11pt Marlett";
 vComboxInput.value="6";
 vComboxInput.readOnly=true;
 vComboxInput.style.width=20;
 vComboxDiv.appendChild(vComboxInput);
 vComboxInput.attachEvent("onclick",onComboxInputClick);
 window.document.body.insertAdjacentElement("afterbegin",vComboxDiv);
 vComboxDiv.style.position="absolute";
 vComboxDiv.style.left=getElementDefineLeft(element);
 vComboxDiv.style.top=getElementDefineTop(element);
 //模拟列表框
 vListDiv=document.createElement("div");
 vListDiv.style.display="none";
 vListDiv.style.border="1px solid #000000";
 vListDiv.style.width=vComboxDiv.offsetWidth;
 vTable=document.createElement("table");
 vTable.border="0";
 vTable.cellSpacing="0";
 vTable.cellPadding="0";