使用下拉列表中的元素創建一個彈出窗口

-1

我是JavaScript新手，我需要一些代碼的幫助，以便當我從下拉列表中選擇一個選項時，應該會顯示一個新窗口或彈出窗口，其中包含所選項目。使用下拉列表中的元素創建一個彈出窗口

<select name="select12"> 
    <option>- Select -</option> 
    <option value="volvo">Volvo</option> 
    <option value="bmw">BMW</option> 
    <option value="benz">Benz</option> 
</select> 
<button class="btn btn-normal" type="button" id="sign-in-button6">submit</button>

來源

2015-08-08 abhilash

你真的不想要的jQuery？ –

@PratikCJoshi那是打算成爲一個玩笑嗎？ –

這個例子生成與該項目真正的彈出窗口中選擇：

<select id="dropdown" name="select12"> 
    <option>- Select -</option> 
    <option value="volvo">Volvo</option> 
    <option value="bmw">BMW</option> 
    <option value="benz">Benz</option> 
</select> 
<button onclick="myFunction()">Submit</button>

window.myFunction = function() { 
    var myWindow = window.open("", "", "width=200, height=100"); 
    var dd = document.getElementById("dropdown"); 
    myWindow.document.write(dd.options[dd.selectedIndex].innerHTML); 
}

的jsfiddle：https://jsfiddle.net/e6yvom80/

來源

2015-08-08 19:43:45

非常感謝我可以使用此鏈接新窗口 – abhilash

@abhilash不幸的是我不太確定什麼你問。你能澄清一下嗎？謝謝。 –

謝謝你的答覆，如果我選擇奔馳車一個新的彈出窗口應該帶有400和400高度的奔馳網站（我的意思是像iframe），以便當我的客戶瞭解他們正在購買什麼。 – abhilash

這是你想達到什麼目的：

function submitClicked() { 
 
    var dropDown = document.getElementsByName('select12')[0]; 
 
    
 
    // Change .innerHTML to .value if you need value instead of text 
 
    var selectedValue = dropDown.options[dropDown.selectedIndex].innerHTML; 
 
    
 
    alert(selectedValue); 
 
}

<form> 
 
    <select name="select12"> 
 
    <option>- Select -</option> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="bmw">BMW</option> 
 
    <option value="benz">Benz</option> 
 
    </select> 
 
    <input type="submit" onclick="submitClicked();"/> 
 
</form>

來源

2015-08-08 18:15:02 msmolcic

亞感謝您的答覆，但新窗口或流行不顯示當我點擊提交按鈕應出現或彈出一個新的窗口 – abhilash

使用下拉列表中的元素創建一個彈出窗口

回答

相關問題