<html>
<head>
<title>Combobox Idea - RJM Programming - September, 2026</title>
<style>
td { vertical-align: top; }
</style>
<script type=text/javascript>
var innerih='-';

function lsit(ospan) {
var tval=ospan.innerHTML;
if (document.getElementById('savedd').innerHTML.indexOf('>' + tval + '<') == -1) {
document.getElementById('savedd').innerHTML+='<option value="' + tval + '">' + tval + '</option>';
}
document.getElementById('savedd').value='';
}

function recallsm(osel) {
var oselval=osel.value;
var oseloh=osel.outerHTML;
if (oseloh.indexOf(' value="' + oselval + '"') != -1) {
if (oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0] != oselval && oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0].trim() != '') {
oselval=oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0] + ' ... (' + osel.value + ')';
}
}
document.getElementById('ssave').innerHTML=oselval;
var oselsoh=document.getElementById('ssave').outerHTML;
document.getElementById('bsave').innerHTML=oselsoh + oseloh;
document.getElementById('savedd').value='';
}

function premassage() {
massage(document.getElementById('myinput'));
}

function massage(osel) {
var oselval=osel.value;
var oseloh=document.getElementById('comboboxlist').outerHTML;
if (oseloh.indexOf(' value="' + oselval + '"') != -1) {
if (oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0] != oselval && oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0].trim() != '') {
oselval=oseloh.split(' value="' + oselval + '"')[1].split('>')[1].split('<')[0] + ' ... (' + osel.value + ')';
osel.value=oselval;
}
}
}

function checkif(iois) {
var thisih='', prefixthis='', optarr=[], iopt=0;
if (iois.src.indexOf('/About_Us.htm') == -1) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
if (aconto.body.innerHTML.indexOf('<datalist') != -1) {
prefixthis=aconto.body.innerHTML.split('<datalist')[1].split('>')[0] + '>';
thisih=aconto.body.innerHTML.split('<datalist' + prefixthis)[1].split('</datalist>')[0];
optarr=thisih.split('<option');
document.getElementById('savedd').innerHTML=document.getElementById('defopt').outerHTML;
document.getElementById('comboboxlist').innerHTML='';
for (iopt=1; iopt<optarr.length; iopt++) {
document.getElementById('savedd').innerHTML+='<option' + optarr[iopt];
document.getElementById('comboboxlist').innerHTML+='<option' + optarr[iopt]; //.split('>')[0] + '>';
}
document.getElementById('myinput').value='';
} else if (aconto.body.innerHTML.indexOf('<select') != -1) {
prefixthis=aconto.body.innerHTML.split('<select')[1].split('>')[0] + '>';
thisih=aconto.body.innerHTML.split('<select' + prefixthis)[1].split('</select>')[0];
optarr=thisih.split('<option');
document.getElementById('savedd').innerHTML=document.getElementById('defopt').outerHTML;
document.getElementById('comboboxlist').innerHTML='';
for (iopt=1; iopt<optarr.length; iopt++) {
document.getElementById('savedd').innerHTML+='<option' + optarr[iopt];
document.getElementById('comboboxlist').innerHTML+='<option' + optarr[iopt]; //.split('>')[0] + '>';
}
document.getElementById('myinput').value='';
}
}
}
}
}

function premaybe() {
var oa=document.getElementById('mya');
if (oa.innerHTML == '?') {
oa.innerHTML='-';
} else {
oa.innerHTML='?';
}
}

function maybe() {
var oa=document.getElementById('mya');
if (oa.innerHTML == '?') {
var askurl=prompt('Please enter a URL of a webpage from which to glean ComboBox data?', '');
if (askurl == null) { askurl=''; }
if (askurl.trim() != '') {
document.getElementById('getyourdatafrom').src=askurl.trim().replace(/^http\:\/\/localhost/g,'hTTp://localhost').replace(/^http\:/g,'').replace(/^https\:/g,'').replace(/^hTTp/g,'http');
}
}
}

setInterval(premaybe, 5000);
</script>
</head>
<body>
<h1>ComboBox Idea</h1>
<h3>RJM Programming <a title="Can change data when ? is showing and you click here." id=mya onclick=maybe(); style=cursor:pointer;text-decoration:underline;>-</a> September, 2026</h3>

<table style=width:70%; border=5>
<tr><th style=text-align:left;>Button/Select</th><th style=text-align:left;>Input/Datalist</th></tr>
<tr><td>
<button onclick="document.getElementById('ssave').focus();" id=bsave><span style='background-color:white;min-width:40px;padding:2 2 2 2;' onclick="event.stopPropagation();" id=ssave onblur=lsit(this); contenteditable="true"></span><select onclick="event.stopPropagation();" style='margin-left:100px;' contenteditable=yes onchange=recallsm(this); id=savedd><option id=defopt value=''>Optionally enter a value ...</option><option value=1>1</option></select></button>
</td><td style=height:600px;>

<input oninput="if (1 == 11) { maggage(this); } else { setTimeout(premassage,200); }" id=myinput list="comboboxlist" value="">
<datalist id="comboboxlist">
<option value="List item 1">
<option value="List item 2">
<option value="List item 3">
<option value="List item 4">
</datalist>

</td></tr>
</table>

<iframe style=display:none; onload="checkif(this);" id=getyourdatafrom name=getyourdatafrom src=/About_Us.html></iframe>
</body>
</html>