title: How can I prevent the dropdown from opening in a DropDownList?
body: <p>I have a custom table which I'd like to use as the DropDown portion as a <code>DropDownList</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/CgwfO.png" alt="Table"></p>
  
  <p>Ideally, when users click on a <code>DropDownList</code>, it should show the custom table instead of the usual drop down. I thought it'd be easy to prevent the dropdown from opening without disabling the DropDownList control, however that doesn't appear to be the case.</p>
  
  <p>Is there an easy way to prevent a <code>DropDownList</code> from opening without disabling it?</p>
  
  <p><strong>Edit:</strong> This has to work for an embedded IE 7 web browser, and <code>e.preventDefault()</code> does not work in that browser version</p>