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

[长腿爸爸]

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、如何控制只打一个个弹出页面！

[p2227]

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

[jxj0115]

比较高深，只能帮顶了

[oggmm]

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

[长腿爸爸]

下载:
dhtmlxCombo

[KeenWon]

这么多，这就用jqueryUI什么的

[KeenWon]

这么多，这就用jqueryUI什么的

[长腿爸爸]

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>

[长腿爸爸]

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>

[长腿爸爸]

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>