<p>👀Use this switcher to quickly jump to useful land surveyor resources, tools and hubs</p>
<select class="switcher">
<option value="https://landsurveyorsunited.github.io/cssfiles/2023/lsutimeline/index.html">Land Surveyor Community Timeline</option>
<option value="https://landsurveyorsunited.github.io/cssfiles/2023/elevator/index.html">Elevator Experiment</option>
<option value="https://www.sheet2site.com/api/?key=1K8jRhtxCxJKNIByLIgCTmlp6VXO-eIMGvzvxlIg58eI">Become SURVAmbassador For Your Location</option>
<option value="https://landsurveyorsunited.github.io/cssfiles/room/slider/index.html">Membership Tools</option>
<option value="https://landsurveyorsunited.github.io/cssfiles/2023/International-Surveyors.html">Find and Join your Local Group Forum</option>
<option value="https://landsurveyorsunited.github.io/cssfiles/2023/topmenu/index.html">Megalist of Land Surveyor Resources and Links</option>
<option value="https://app.additor.io/p/zE8OUzjX">Surveying Tutorials List</option>
<option value="https://landsurveyors.carto.com/viz/9c0755a0-8fc6-11e6-b3bf-0ef24382571b/embed_map">Global Member Map</option>
<option value="https://view-awesome-table.com/-L0g9Rz-l-kxvJj79wgQ/view">Surveying Equipment Manuals and Guides</option>
<option value="https://www.facebook.com/landsurveyorsunited">Land Surveyors United on Facebook</option>
<option value="https://www.facebook.com/surveyingjobs">Surveying Jobs on Facebook</option>
<option value="https://www.facebook.com/surveyingjobs/app/337680106275807/">Surveyors Seeking Employment</option>
<option value="https://www.facebook.com/surveyingjobs/app/338808983330/">Add a Support Tab to Your Facebook Page</option>
<option value="https://www.srvyr.com/about">International Surveyors Week</option>
</select>
<iframe class="switch-target" width="100%" height="600" src=""></iframe>
select { display: block;background:#000000;color:#fff; } /* unimportant */
var switcher$ = $('.switcher'), // select element
switchTarget$ = $('.switch-target'); // iframe
switcher$.on('change', switchIframeSrc); // event binding
// our functiono to switch the iframe src
function switchIframeSrc() {
// set the 'src' attribute of the iframe
// to the value of the selected option
switchTarget$.attr('src', switcher$.val());
}
// call the method on load
switchIframeSrc();
This Pen doesn't use any external CSS resources.