एचटीएमएल के माध्यम से यूआरएल बदलना

Question

एचटीएमएल चयन के माध्यम से अपना यूआरएल बदलने का सबसे अच्छा तरीका क्या है?

<select> 
<option selected="selected">Change to URL X</option> 
<option>Change to URL Y</option> 
</select> 

क्या जावास्क्रिप्ट का उपयोग किया जाना चाहिए?

Answer 1

इस

<select onchange="jumpMenu('parent',this)> 
<option selected="selected">Change to URL X</option> 
<option value="http://www.example.com">Change to URL Y</option> 
</select> 

Answer 2

<script type="text/javascript"> 
function navigateTo(sel, target, newWindow) { 
    var url = sel.options[sel.selectedIndex].value; 
    if (newWindow) { 
     window.open(url, target, '--- attributes here, see below ---'); 
    } else { 
     window[target].location.href = url; 
    } 
} 
</script> 

<select onchange="navigateTo(this, 'window', false);"> 
<option selected="selected" value="http://www.example.com/#X">Change to URL X</option> 
<option value="http://www.example.com/#Y">Change to URL Y</option> 
</select> 

की तरह लग हैडर

<script language="JavaScript" type="text/javascript"> 
function jumpMenu(targ,selObj,restore){ 
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
} 
</script> 

में ऐसे ही उदाहरण कुछ और अपने सलेक्ट बॉक्स के लिए जोड़ने तो target से कुछ उपयोगी मूल्यों 'window' (वर्तमान विंडो हो सकता है) या 'top' (फ़्रेमसेट या आईफ्रेम से बाहर निकलने के लिए)। आप के बजाय एक नई विंडो खोलने के लिए चाहते हैं, तो आप navigateTo(this, 'someWindow', true);

के मूल्य का उपयोग कर सकता है '--- जिम्मेदार बताते हैं ---' के रूप में दस्तावेज here for Mozilla और here for IE विभिन्न गुणों का उपयोग कर स्थापित किया जाएगा। उदाहरण के लिए:

'height=300,width=400,top=100,left=100,statusbar=0,toolbar=1' 

Answer 3

तुम कर सकते हो तुम jQuery है ...

जावास्क्रिप्ट:।

$ ('# select_url') परिवर्तन (समारोह (evnt) {location.href = $ (यह) .val();});

एचटीएमएल:

...