Javascript 使用下拉列表中的元素创建一个弹出窗口

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

-挑选-
沃尔沃汽车
宝马
奔驰
提交

这就是您想要实现的目标：

函数submitClicked（）{
var dropDown=document.getElementsByName（'select12'）[0]；
//如果需要值而不是文本，请将.innerHTML更改为.value
var selectedValue=dropDown.options[dropDown.selectedIndex].innerHTML；
警报（selectedValue）；
}

-挑选-
沃尔沃汽车
宝马
奔驰

此示例生成一个带有所选项目的正版弹出窗口：

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

---

JSFIDLE:

ya感谢您的回复，但当我单击“提交”按钮时，新窗口或弹出窗口不会显示。新窗口应该会出现，或者弹出窗口。您真的不想使用jQuery吗？@Pratikchoshi这是一个玩笑吗？@abhilash不幸的是，我不太确定您在问什么。你能澄清一下吗？谢谢。感谢您的回复如果我选择奔驰汽车，奔驰网站将以400宽400高（我的意思是像iframe一样）的方式出现一个新的弹出窗口，这样当我的客户了解他们在买什么时。@abhilash要完成这一点，您可以使用

dd.options[dd.selectedIndex].innerHTML

来获取所选下拉列表，然后使用

窗口。打开（“http://www.your-web-address.com/“宽度=400，高度=400”）基于下拉选择在您想要的url上。再次感谢您的回复。我尝试过了，但它只显示文本如果您想尝试请检查它我需要简单当我的客户选择选项时根据他们弹出窗口如果他选择了宝马汽车一个i框架应该与宝马网站一起提供，如果他选择了沃尔沃汽车沃尔沃网站应该在i框架
window.myFunction = function() {
    var myWindow = window.open("", "", "width=200, height=100");
    var dd = document.getElementById("dropdown");
    myWindow.document.write(dd.options[dd.selectedIndex].innerHTML);
}