<select>彈出窗口

好，我一直在尋找，找到類似的東西，但有沒有運氣..<select>彈出窗口

我想知道你是如何得到這個代碼在一個新的窗口彈出，並調整大小？示例：窗口爲250像素×250像素，無邊框，無地址欄。只是一個緊湊的窗口。

這是我發現的，但不知道我怎麼會得到它的工作...

<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>

我所知道的是，在「行動」中輸入的數據是不正確的..我只是不知道如何讓它讀取特定的文件夾等......我知道如果我刪除「行動」，然後將頁面加載到新的標籤。但它不會將它們加載到一個新的窗口中。我對此一無所知，只是一直在玩耍和閱讀內容，所以如果你能幫助我，它將不勝感激..謝謝。

來源

2014-09-10 Trent

應使用''代替''和使用一個函數，而不是試圖在'onclick'屬性中完成。 – imtheman 2014-09-10 19:46:18

我會研究一下，從來沒有真正聽過或看到任何關於，所以也許它可能是我去的方式..與我原來的選擇框，我有一個JavaScript的工作，如果你只是點擊名稱中的盒子，但這不適用於手機。它有能力在自己的Popup中打開。 – Trent 2014-09-10 19:59:29

看看我的答案，看看是否可以幫助你。 – imtheman 2014-09-10 20:12:49

如果您希望它在彈出窗口中打開，則需要在window.open()中使用"_blank"。然後您可以使用其他屬性來更改窗口的大小。此外，您可以刪除的窗口的內容有限。 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

來源

2014-09-10 20:04:50 imtheman

好的，謝謝你..這看起來可能是贏家..謝謝.. – Trent 2014-09-10 20:12:53

不客氣。很高興我能幫上忙。 – imtheman 2014-09-10 20:16:13

只是爲了證實這一點已經奏效，只是好奇，如果你知道這是否會與三星Galaxy手機。以前的問題是，您甚至無法點擊選擇框查看數據。 – Trent 2014-09-11 14:12:15

<select>彈出窗口

回答

相關問題