option list fix option
by Rich Costello
HTML
<form method="POST" name="productsearch">
<div class="field_profile">
<label>I am a</label>
<div class="input-bucket">
<input type="radio" name="profile" value="patient">Patient<br>
<input type="radio" name="profile" value="provider"><label>Provider</label>
</div>
<div class="field_product_search">
<label for="provider">Prenatal Product Search</label>
<div id="select_patient_search">
<select id="prenatal_product_search-bucket" name="prenatal_product_search" onChange="go()">
<option value="http://laboratories.sequenom.com/maternit21plus/maternit21-plus-knowing-about-your-pregnancy">
MaterniT21 PLUS pat
</option>
<option value="http://www.sequenom.com">
VisibiliT
</option>
<option value="http://laboratories.sequenom.com/carrierscreening-tests/heredi-t-cystic-fibrosis-carrier-screen">
HerediT CF pat
</option>
<option value="http://laboratories.sequenom.com/carrierscreening-tests/heredit-ajp-fragilex-sma-for-patients">
HerediT AJP, Fragile X, or SMA pat
</option>
<option value="http://laboratories.sequenom.com/fetal-rhdgenotyping/sensigene-fetal-rhd-genotyping-early-detection-means-better-management">
SensiGene RHD
</option>
<option value="http://laboratories.sequenom.com/nextview-prenatal-diagnostic-tests-patients">
NextView pat
</option>
<option value="http://laboratories.sequenom.com/retnagene-amd-test">
RetnaGene AMD
</option>
</select></div>
<div id="select_provider_search">
<select id=
"prenatal_product_search-bucket"
name="prenatal_product_search" onChange="go()">
<option...
JavaScript
$(document).ready(function() {
var $patientUrl = $('#select_patient_search').hide();
var $providerUrl = $('#select_provider_search').hide();
var $patientBut = $('#patientb').hide();
var $providerBut = $('#provb').hide();
$('label[for="provider"]').hide();
//$('div.hs_submit').hide();
$('input:radio[name="profile"]').change(function () {
$('label[for="provider"]').show();
$('div.hs_submit').show();
var selectedValue = $(this).val();
if(selectedValue === 'patient') {
$patientUrl.show();
$providerUrl.hide();
$patientBut.show();
$providerBut.hide();
} else if (selectedValue === 'provider') {
$patientUrl.hide();
$providerUrl.show();
$patientBut.hide();
$providerBut.show();
} else {
$patientUrl.hide();
$providerUrl.hide();
$patientBut.hide();
$providerBut.hide();
}
});
});