2011-12-05 10 views
2

私は2つの列のラジオボタンと追加の選択肢のドロップダウンを持っています。どちらのコントロールも、この例では "specialty"のような同じ項目の選択肢です。左の列または右の列のラジオボタンのいずれかが選択されている場合、ラジオボタンから選択した値を取得しますか、またはドロップダウンその選択をクエリーストリングとしてURLに渡しますか?心臓内科医は、ラジオボタンから選択された場合ので、私はラジオボタンの選択またはドロップダウン選択をURLのクエリーストリングに渡します

/search/pages/physicians.aspx?v=relevance&s=Physicians&k=Cardiologist 

または数値1をドロップダウンから選択された場合は、URLに

/search/pages/physicians.aspx?v=relevance&s=Physicians&k=number1 

どのようにを追加されると、URLに渡ししたいと思いますjqueryでそうするの? URLにそれらを取得するだけで連結し、いくつかの文字列をすることの問題であるべき

var selectedNum = $("#landing_physician_specialty").val(); 

:選択したドロップダウン値を取得するには

var selectedDoctorType = $("input[name='speciality_type']:checked").val(); 

:選択したラジオボタンを取得するには

<div class="Specialty-Choices"><span class="Choices-Title">Choose a Specialty</span><br /><br /> 
<div class="radioHolder"> 
    <div class="radioCol-left"> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Cardiologist"/> <label>Cardiologist</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Dermatologist"/> <label>Dermatologist</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Family Physician"/> <label>Family Physician</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Gastroenterologist"/> <label>Gastroenterologist</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Neurologist"/> <label>Neurologist</label> </div> 
    </div> 
    <div class="radioCol-right"> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Obstetrician"/> <label>Obstetrician</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Orthopedic Surgeon"/> <label>Orthopedic Surgeon</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Pediatrician"/> <label>Pediatrician</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Primary Care Doctor"/> <label>Primary Care Doctor</label> </div> 
     <div class="radioRow"><input name="speciality_type" type="radio" value="Psychiatrist"/> <label>Psychiatrist</label> </div> 
    </div> 
    </div><br /> 
    <div class="mainPaneRow clearfix"><span class="inp"><select id="landing_physician_specialty"> <option disabled="disabled" selected="selected">Select other specialty</option> <option>--number-1--</option> <option>--number-2--</option> <option>--number-3--</option></select> </span></div> 
    <div class="mainPaneRow clearfix"><div class="submitBox"><a class="btnBlue" href="#" type="submit"><span><em class="searchElem">Search</em></span></a> <a class="paneBoxLink" href="/physicians/">Advanced Search</a> </div></div> 
</div><!--END Specialty-Choices--> 

答えて

3

var baseUrl = "search/pages/physicians.aspx?v=relevance&"; 

if (selectedDoctorType) 
    baseUrl += "s=" + selectedDoctorType + "&"; 
if (selectedNum) 
    baseUrl += "v=" + selectedNum; 

私の解決策で潜在的に後続のamersandはperfectly valid

です
関連する問題