<select> всплывающих окон

Question

Ok Я искал, чтобы найти что-то похож, но не имея никакой удачи ..

Я хочу знать, как вы можете получить этот код, чтобы выскочить в новом окне и изменить размер? Пример: Окно 250px на 250px, No Border, No Address Bar .. Просто компактное окно.

Это то, что я нашел, но не знаю, как я бы заставить его работать ...

<form action="../"> 
<select id="select-box" class="select" name="selectbox" size="6"> 
<option value="Folder1/List_1.html">1</option> 
<option value="Folder2/List_2.html">2</option> 
<option value="Folder3/List_3.html">3</option> 
<option value="Folder4/List_4.html">4</option> 
<option value="Folder5/List_5.html">5</option> 
</select> 
<input type="submit" value="Open Page" onclick="ob=this.form.selectbox;window.open(ob.options[ob.selectedIndex].value)"> 
</form> 

Что я знаю, данные, введенные в «действии» неверна .. Я просто не знаю, как я могу заставить его читать определенные папки и т. д. Я знаю, что если я удалю «действие», он загрузит страницы в новые вкладки. Но он не загружает их в новое окно. Я ничего не знаю об этом, просто играл и читал барышни, поэтому, если вы можете мне помочь, было бы полезно. Спасибо.

Answer 1

Если вы хотите, чтобы он был открыт во всплывающем окне, вы должны использовать "_blank" в window.open(). Затем вы можете использовать другие атрибуты для изменения размера окна. Кроме того, есть ограниченные вещи о окне, которое вы можете удалить. window.open()

HTML

<form onsubmit="return false;"> 
    <select id="select-box" class="select" name="selectbox" size="6"> 
     <option value="Folder1/List_1.html">1</option> 
     <option value="Folder2/List_2.html">2</option> 
     <option value="Folder3/List_3.html">3</option> 
     <option value="Folder4/List_4.html">4</option> 
     <option value="Folder5/List_5.html">5</option> 
    </select> 
    <button onclick="popup(this.form.selectbox);">Open Page</button> 
</form> 

Javascript

function popup(ob) { 
    if (ob.selectedIndex < 0) 
     return false; 
    window.open(ob.options[ob.selectedIndex].value, "_blank", "height=200,width=200,menubar=no,status=no,titlebar=no,toolbar=no"); 
} 

JSFiddle