Me encontré este ejemplo y me funciono pero todavía no le entiendo bien y no se como enviar el valor seleccionado alguien me puede ayudar, solo busco como saber como se enviar el valor con un form pero no identifico como por ejemplo yo se que con un select normar lo identifico con su nombre pero este no entiendo como
<!DOCTYPE html>
<html>
<head>
<title>Custom multiline item</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="stylesheet" type="text/css" href="/CSS/dhtmlxcombo.css"/>
<script src="/js/dhtmlxcombo.js"></script>
<style>
div.dhxcombolist_dhx_skyblue div.dhxcombo_option_multiline {
font-size: inherit;
padding: 2px 0px;
line-height: 14px;
border-
border-bottom: 1px solid #E7F1FF;
vertical-align: middle;
cursor: default;
}
div.dhxcombolist_dhx_skyblue div.dhxcombo_option_multiline.dhxcombo_option_sele cted {
background-image: none;
background-color: #B5DEFF;
border-
border-bottom: 1px solid #A1CEED;
}
div.dhxcombolist_dhx_skyblue div.dhxcombo_option_multiline div.dhxcombo_option_text {
padding: 0px 4px;
-moz-user-select: none;
white-space: nowrap;
}
</style>
<script>
var myCombo;
var imgPath = "/images/";
function doOnLoad() {
myCombo = new dhtmlXCombo("combo_zone", "combo", 230, "my_multiline");
myCombo.setTemplate({ // point (2) (see below)
input: "#Pieza#",
option: "<div style=''>"+
"<div style=' margin- '><span style='color:#112a3d;'>#Pieza#</span><br><span style='color:#596268;'>#Clave_Pza#</span></div>"+
"<img src='#image#' border='0' style=' '>"+
"</div>"
});
<%
'<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Dim oConn2,strSQ2, objRS2,col
'cod=Request.Form("Codigo")
Set oConn2 = Server.CreateObject("ADODB.Connection")
oConn2.Open("DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" & Server.MapPath("SSP.mdb"))
strSQL2 = "SELECT Clave, Pieza FROM Tabla_Pieza "
Set objRS2 = oConn2.Execute(strSQL2)
while (not objRS2.Eof)
%>
myCombo.addOption([
{value: <%Response.Write("'" & objRS2("Clave") & "'")%>, text: {Clave_Pza: "<%Response.Write("" & objRS2("Clave") & "")%>", Pieza: "<%Response.Write("" & objRS2("Pieza") & "")%>", image: imgPath+"SANZUBIA.png"}, selected: true},
]);
<%
objRS2.MoveNext
wend
oConn2.Close
set objRS2 = nothing
set oConn2 = nothing
%>
myCombo.enableFilteringMode(true);
}
// multiline items
// differences from default option:
// 1) update option css a bit
// 2) use template for text
dhtmlXCombo.prototype.modes.my_multiline = {
render: function(item, data) {
item._conf = {value: data.value, css: ""};
item.className = "dhxcombo_option_multiline"; // point (1)
item.innerHTML = "<div class='dhxcombo_option_text'> </div>";
this.setText(item, data.text);
return this;
},
setSelected: function(item, state) {
item.className = "dhxcombo_option_multiline"+(state?" dhxcombo_option_selected":""); // point (1)
},
getExtraData: function(item) {
return {type: "my_multiline"};
}
};
// copy basic functionality
dhtmlXComboExtend("my_multiline", "option");
</script>
</head>
<body onload="doOnLoad();">
<form action="04B.asp" method="post">
<h3>Custom multiline item</h3>
<div id="combo_zone"></div>
<INPUT TYPE="text" NAME="Cantidad" SIZE="4" MAXLENGTH="30" borde="2">
<INPUT TYPE="submit" NAME="accion" VALUE="Enviar">
</form>
</body>
</html>
</form>
Editado
