请教两个JavaScript实现下拉框图片显示和Input可自动调整大小的问题

Question

1、下拉框内容如何显示图片。如何在下拉框中显示图片！本想通过键盘录入线段样式，可有些键盘打不出来。这是键盘录入打出来的，其他的不行。- - - - - - - - - - -
-·-·-·-·-·-·-·-
············Google了一下也找到了：1、dhtmlxCombo，是DIV中动态创建出来的。看上去像下拉框（Select）其实不是，没法触发相应事件。2、代码:下拉框选择图片
<img width=200 height=223 src="01250.gif" name="x1">
<select onChange="document.x1.src=options[selectedIndex].value"> 
 <option value="01251.gif">看看图片1</option> 
 <option value="01252.gif">看看图片2</option> 
 <option value="01253.gif">看看图片3</option> 
 <option value="01254.gif">看看图片4</option> 
</select> 还是第一种符合我的要求，但找不到相应事件： 我想onchange事件去修改页面上线的样式。用过的，知道的，请指教了，谢谢啦。
2、文本框最后有个调整文本数字大小的上下按钮3、如何控制只打一个个弹出页面！

Answer 1

建议找一些全套的ui解决方案吧，extjs这些，jquery也有一些dwz,jqueryui,easyui,ligerui，一个个部件找很难凑合在一起的

Answer 2

还是用div去模拟吧
下拉框中的元素用onclick和enter键去触发选择函数
然后将选择项赋值给上面的显示框，
做赋值的动作其实就是你的onchange的动作
你做完赋值的动作之后接着做你的onchange要做的事情就是了

Answer 3

下载: 
dhtmlxCombo

Answer 4

这么多，这就用jqueryUI什么的

Answer 5

这么多，这就用jqueryUI什么的

Answer 6

htmlxCombo下载在 dhtmlxcombo 中需要手动注册事件才会触发。注册事件：combo.attachEvent("onChange", onChangeFunc); //注册事件注销事件：combo.detachEvent("onChange", onChangeFunc); //注销事件 <table>
<tr>
    <td>
        <div id="combo_zone2" style="width:250px; height:30px;"></div>
    </td>
</tr>
<tr>
    <td>
        <div id="logarea" style="background-color:lightgrey;height:218px;width:250px; overflow:auto"></div>
    </td>
</tr>
</table>--------------------------------------------------------
<script>var combo = new dhtmlXCombo("combo_zone2", "alfa2", 250);
combo.loadXML("../common/data.xml");
function doLog(str) {
    var log = document.getElementById("logarea");
    log.innerHTML = log.innerHTML + str + "<br/>";
    log.scrollTop = log.scrollHeight;
}
combo.attachEvent("onChange", onChangeFunc); //注册事件
combo.attachEvent("onKeyPressed", onKeyPressedFunc);
combo.attachEvent("onSelectionChange", onSelectionChangeFunc);
combo.attachEvent("onBlur", onBlurFunc);
function onChangeFunc() {
    doLog("" + 'onChange' + " event has occured");
    return true;
}
function onKeyPressedFunc(key) {
    doLog("Key " + key + " was pressed");
    return true;
}
function onSelectionChangeFunc() {
    doLog("Selection was changed");
    return true;
}
function onBlurFunc() {
    doLog("" + 'onBlur' + " event has occured");
    return true;
}</script>

Answer 7

htmlxCombo下载在 dhtmlxcombo 中需要手动注册事件才会触发。注册事件：combo.attachEvent("onChange", onChangeFunc); //注册事件注销事件：combo.detachEvent("onChange", onChangeFunc); //注销事件 <table>
<tr>
    <td>
        <div id="combo_zone2" style="width:250px; height:30px;"></div>
    </td>
</tr>
<tr>
    <td>
        <div id="logarea" style="background-color:lightgrey;height:218px;width:250px; overflow:auto"></div>
    </td>
</tr>
</table>--------------------------------------------------------
<script>var combo = new dhtmlXCombo("combo_zone2", "alfa2", 250);
combo.loadXML("../common/data.xml");
function doLog(str) {
    var log = document.getElementById("logarea");
    log.innerHTML = log.innerHTML + str + "<br/>";
    log.scrollTop = log.scrollHeight;
}
combo.attachEvent("onChange", onChangeFunc); //注册事件
combo.attachEvent("onKeyPressed", onKeyPressedFunc);
combo.attachEvent("onSelectionChange", onSelectionChangeFunc);
combo.attachEvent("onBlur", onBlurFunc);
function onChangeFunc() {
    doLog("" + 'onChange' + " event has occured");
    return true;
}
function onKeyPressedFunc(key) {
    doLog("Key " + key + " was pressed");
    return true;
}
function onSelectionChangeFunc() {
    doLog("Selection was changed");
    return true;
}
function onBlurFunc() {
    doLog("" + 'onBlur' + " event has occured");
    return true;
}</script>

Answer 8

htmlxCombo下载在 dhtmlxcombo 中需要手动注册事件才会触发。注册事件：combo.attachEvent("onChange", onChangeFunc); //注册事件注销事件：combo.detachEvent("onChange", onChangeFunc); //注销事件 <table>
<tr>
    <td>
        <div id="combo_zone2" style="width:250px; height:30px;"></div>
    </td>
</tr>
<tr>
    <td>
        <div id="logarea" style="background-color:lightgrey;height:218px;width:250px; overflow:auto"></div>
    </td>
</tr>
</table>--------------------------------------------------------
<script>var combo = new dhtmlXCombo("combo_zone2", "alfa2", 250);
combo.loadXML("../common/data.xml");
function doLog(str) {
    var log = document.getElementById("logarea");
    log.innerHTML = log.innerHTML + str + "<br/>";
    log.scrollTop = log.scrollHeight;
}
combo.attachEvent("onChange", onChangeFunc); //注册事件
combo.attachEvent("onKeyPressed", onKeyPressedFunc);
combo.attachEvent("onSelectionChange", onSelectionChangeFunc);
combo.attachEvent("onBlur", onBlurFunc);
function onChangeFunc() {
    doLog("" + 'onChange' + " event has occured");
    return true;
}
function onKeyPressedFunc(key) {
    doLog("Key " + key + " was pressed");
    return true;
}
function onSelectionChangeFunc() {
    doLog("Selection was changed");
    return true;
}
function onBlurFunc() {
    doLog("" + 'onBlur' + " event has occured");
    return true;
}</script>