4,6d3
< <style>
<   td { vertical-align: top; }
< </style>
8d4
<   var innerih='-';
21,25d16
<     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 + ')';      
<        }
<     }
31,102d21
<   
<   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);
106,107c25,26
< <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>
---
> <h1>Combobox Idea</h1>
> <h3>RJM Programming - September, 2026</h3>
109,125c28
< <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;>
< <!--form action="#" method="get"-->
< <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>
< <!--input type="submit">
< </form-->
< </td></tr>
< </table>
---
> <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 value=''>Optionally enter a value ...</option><option value=1>1</option></select></button>
127d29
< <iframe style=display:none; onload="checkif(this);" id=getyourdatafrom name=getyourdatafrom src=/About_Us.html></iframe>