محدد القائمة المنسدلة، وتغير لاستهداف = "_ فارغة"

Question

ولدي محدد المنسدلة في مكان وأنا في حاجة إلى تغييره حتى أن الهدف = "_ على بياض" لذلك يفتح علامة تبويب جديدة.

وهنا هو رمز الحالي:

<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
   {
   if(mySel.form.target)myWin = parent[mySel.form.target];
   else myWin = window;
   if (! myWin) return true;
   myWin.location = myVal;
   }
return false;
}
//-->
</SCRIPT>

<div id=countryselector>
    <FORM
        ACTION="../cgi-bin/redirect.pl"
        METHOD=POST onSubmit="return dropdown(this.gourl)">
        <SELECT NAME="gourl">
            <OPTION VALUE="">Select a Country...
            <OPTION VALUE="http://google.com">USA
            <OPTION VALUE="http://google.ca">Canada
        </SELECT>
        <INPUT TYPE=SUBMIT VALUE="Go">
    </FORM>
</div>

وشكرا مقدما

Answer 1

function dropdown(mySel) {
    var myVal = mySel.options[mySel.selectedIndex].value;
    if (myVal) {
        if (mySel.form.target) {
            window.open(myVal, mySel.form.target, '_attributes_');
        } else {
            window.location.href = myVal;
        }
    }
    return false;
}

ويمكن الاطلاع على قائمة _attributes_ هنا لموزيلا أو <ل أ href = "http://msdn.microsoft.com/en-us/library/ms536651.aspx" يختلط = "نوفولو noreferrer"> هنا لIE . هناك بعض الاختلافات في بعض الخيارات المتاحة، ولذلك فمن الأفضل أن يراجع كلا القائمتين.

ويمكنك أيضا ترك المعلمة الثالث من استدعاء دالة ويجب ان تتصرف مثل target="_blank" على <form> الخاص بك:

// behaves as if you submitted <form ... target="_blank">:
window.open(myVal, mySel.form.target);

وهنا مثال باستخدام مجموعة من _attributes_ كما هو موثق في الروابط المتوفرة لفتح نافذة من حجم معين وموقف مع أجزاء معينة من واجهة المستخدم قمعت:

// this opens a window that is 400 pixels by 300 pixels
// it is positioned 100 pixels from the top and the left
// it will have no statusbar, no menu but the new window will have a toolbar:
window.open(myVal, mySel.form.target,
    'height=300,width=400,top=100,left=100,statusbar=0,menu=0,toolbar=1');