2014-05-02 3 views
0

У меня есть простые сомнения здесь, в нижнем коде. Я пытаюсь открыть разные страницы в целевом кадре в соответствии со значениями, выбранными в меню опций выбора. Но страницы не перенаправляются на фрейм, я знаю, что где-то сделал какую-то глупую ошибку, может кто-нибудь мне помочь?Функция нажатия кнопки не работает

<script type="text/javascript"> 

function showcity(select){ 


    if(select.value == 'maha') 
    { 
     show(); 
     } 
    else 
    { 
     hide(); 
    } 

    } 

function show(){ 
    var city=document.getElementById('city'); 
    city.style.display ='inline'; 
} 

function hide(){ 
    var cityhide =document.getElementById('city'); 
    cityhide.style.display ='none'; 
} 



function changemap(select){ 

    var maps=document.getElementById('city'); 
    if(maps.select.value == 'mumbai'){ 
     window.location = 'bank_atm_locator_mumbai.html'; 
    } 
    else if(maps.select.value == 'aura'){ 
     window.location == 'bank_atm_locator_aurangabad.html' 
    } 
    else if(maps.select.value == 'pune'){ 
     window.location == 'bank_atm_locator_pune.html' 
    } 
} 

</script> 
</head> 
<body> 
<div data-role="page" id="pageone" data-theme="b" onload="hide(this)"> 


<div data-role="main" style="padding-top: 4em"> 
<div class="ui-field-contain" align="center" data-theme="a"> 
<form> 
<select name="state" onchange="showcity(this)"> 

     <option value="1" selected="selected">Select State</option> 
     <option value="maha">Maharashtra</option> 
     <option value="3">Karnataka</option> 
     <option value="4">Kerala</option> 
     </select></form> 
</div> 
<div class="ui-field-contain" align="center" data-theme="a"> 
<form><select name="city" id="city" > 

     <option value="1" selected="selected">Select City</option> 
     <option value="mumbai" >Mumbai</option> 
     <option value="aura">Aurangabad</option> 
     <option value="pune">Pune</option> 
     </select> </form> 
</div> 
<a href="#" target="mapview" data-role="button" data-theme="a" onclick="changemap(this)">Go</a> 

</div> 
</div> 

</body> 

ответ

1

использование window.location.href перенаправлять

function changemap(select){ 
event.preventDefault(); 
var maps=document.getElementById('city'); 
if(maps.value == 'mumbai'){ 
    window.location.href = 'bank_atm_locator_mumbai.html'; 
} 
else if(maps.value == 'aura'){ 
    window.location.href == 'bank_atm_locator_aurangabad.html' 
} 
else if(maps.value == 'pune'){ 
    window.location.href == 'bank_atm_locator_pune.html' 
} 
} 
+0

было бы лучше использовать window.location.assign потому что location.href также используется для возврата значения url, просто предлагая .. :) – Hawk

+0

Я пробовал, но, к сожалению, он не работает. – Wolverine

+0

Есть ли какие-либо изменения в синтаксисе, но тонна для вызова функции? – Wolverine

0

начало сохраняя УАК город из шоу и скрыть масштабы, как так

function showCity(select) 
{ 
    //code 
    var city = document.getElementById('city'); 

    function show() 
    { 
     city.style.display = 'inline'; 
    } 

    function hide() 
    { 
     city.style.display = 'none'; 
    } 
} 
+0

да спасибо hawk :) – Wolverine

+0

это сработало ???? – Hawk

+0

нет сделано некоторые изменения .. – Wolverine

Смежные вопросы