2014-02-16 32 views
0

這是基本形式,它們具有預定義的值,將用於創建鏈接,但我的問題是值根據位置而不同。請幫忙!取決於選擇的兩個值表單域

<input type="radio" id="iconapp1" name="department" value="1250"/><label for="iconapp1"></label> 
<input type="radio" id="iconapp2" name="department" value="944"/ checked><label for="iconapp2"> </label> 
<input type="radio" id="iconapp3" name="department" value="4"/><label for="iconapp3"></label> 
<input type="radio" id="iconapp4" name="department" value="1254"/><label for="iconapp4"></label> 


<input type="radio" id="enginemake1" name="enginemake" value="6" checked/><label for="enginemake1">Chevrolet</label><br> 
<input type="radio" id="enginemake2" name="enginemake" value="8"/><label for="enginemake2">Chrysler</label><br> 
<input type="radio" id="enginemake3" name="enginemake" value="7"/><label for="enginemake3">Ford</label><br> 


<select id="powerrange" name="powerrange"> 
<option id="powerrange1" value="128">200 HP</option> 
<option id="powerrange2" value="178">250 HP</option> 
<option id="powerrange3" value="228" selected>300 HP</option> 
<option id="powerrange4" value="278">350 HP</option> 
</select> 

<input type="radio" id="location1" name="location" value="store" checked/><label for="location1">America</label><br> 
<input type="radio" id="location2" name="location" value="store.au"/><label for="location2">Australia</label><br> 


我有這個腳本的工作,它創建從以前的形式的鏈接,但我的問題是,值(部門,Enginemake和功率範圍)根據位置而不同。

例如,如果AMERICA選擇Use Engine Make Value 1,如果OCEANICA選擇使用Engine Make Value 2。

<script type="text/javascript"> 


function goToPage(){ 
    var location = $('input[name=location]:checked').val(); 
    var department = $('input[name=department]:checked').val(); 
    var enginemake = $('input[name=enginemake]:checked').val(); 
    var powerrange = document.getElementById("powerrange").value; 

    window.location.href = "http://"+location+".domain.com/catalog.aspx?section=-"+department+"-"+enginemake+"-"+powerrange+"-"; 
} 
</script> 
+0

嗯..這裏的問題究竟是什麼? – grmmph

+0

我不知道是否在選擇位置時嘗試更改可用值,或者在選擇位置時嘗試自動選擇值 –

+0

問題是:如何更改(Departmen, Enginemake和Powerrange)取決於Location字段的選擇!目前它與澳大利亞選擇合作,但對於美國,我需要不同的價值觀! –

回答

0

想要在「位置」字段的點擊事件中更改另一個字段的選擇嗎?如果是這樣,像這裏面$(document).ready將工作:

$("input[name='location']").click(function(){ 
    switch($(this).val()){ 
     case 'store': 
     $("#enginemake").attr("checked", "true"); 
     break; 
    //insert logic for other selections 
    } 
}) 

類似可以使用.hide().show()代替.attr()基於呼叫的選擇做出不同的選擇可見的做了。