2

我想知道在用户选择下拉菜单中列出的项目之一后，是否可以使用 JavaScript 之类的东西在下拉菜单下吐出文本？

例如： 用户单击下拉菜单并选择选项 B。在菜单下，它会显示“您已选择选项 B”或“选项 B 成本：0.00 美元”之类的内容

这可能吗？

我目前的代码是：

<form>
<p align="center"><b>Select a Payment:</b>
<select id="setit" style="color: #000" size="1" name="test">
<option value="">Select one</option>
    <option value="">1 Month: $4.99</option>
    <option value="">3 Months: $14.99</option>
     <option value="">6 Months: $29.99</option></select>
<br />
<br />
     <input type="button" value="Add to Cart"
onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>

有谁能够帮我？我目前迷路了，并且是编码的菜鸟，哈哈。我四处搜索，看到人们使用变量发布 JavaScript，但每次我插入编码时，什么都没有出现......

谢谢！

4

4 回答 4

0

您需要阅读有关DOM使用 JavaScript 进行操作的知识。这是很有可能的，我建议你看看w3schools.org的 JavaScript 教程。它非常全面，准备好后，您应该下载 jQuery 并使用它：jQuery。

祝你好运
-布赖恩

于 2012-10-23T00:05:42.800 回答
0

像这样：

<form> 
<p align="center"><b>Select a Payment:</b> 
<select id="setit" style="color: #000" size="1" name="test" > 
   <option value="http://www.msnbc.com">Select one</option>     
   <option value="http://www.microsoft.com">1 Month: $4.99</option>    
   <option value="http://google.com">3 Months: $14.99</option>      
   <option value="http://msn.com">6 Months: $29.99</option>
</select> 
<br /> <br />
<input type="button" value="Add to Cart" onclick="showLink()"> </p></form>

<script language="javascript">
<!--
function showLink()
{

var e = document.getElementById("setit");    
var strSel = e.options[e.selectedIndex].value;   
window.open(strSel);
}
-->
</script>
</body>
</html>
于 2012-10-23T11:55:02.313 回答
0 
<form>
<p align="center"><b>Select a Payment:</b>
<select id="setit" onchange="javascript:showRelatedValue(this.value)">
<option value="">Select one</option>
    <option value="">1 Month: $4.99</option>
    <option value="">3 Months: $14.99</option>
    <option value="">6 Months: $29.99</option></select>
<br />
<br />
     <input type="button" value="Add to Cart"
onclick="window.open(setit.options[setit.selectedIndex].value)">
</p>
</form>

<script>
     function showRelatedValue(String value)
     {
         if(value==1 Month: $4.99)
         alert("you have selected choice A");
         if(value==3 Months: $14.99)
         alert("you have selected choice B");
         if(value==6 Months: $29.99)
         alert("you have selected choice C");
     }
</script>

好吧，我只是通过 if 条件进行了比较，但是您应该与给定的数组进行比较，或者在最佳情况下，使用 ajax 调用从服务器带来相关的响应。

于 2012-10-23T10:04:06.600 回答
0 
<form> 
<p align="center"><b>Select a Payment:</b> 
<select id="setit" style="color: #000" size="1" name="test" onchange="displayValue();"> 
   <option value="">Select one</option>     
   <option value="">1 Month: $4.99</option>    
   <option value="">3 Months: $14.99</option>      
   <option value="">6 Months: $29.99</option>
</select> 
<br /> <br />
<input type="button" value="Add to Cart" onclick="window.open(setit.options[setit.selectedIndex].value)"> </p></form>
<div id="displayValue">here</div>

<script language="javascript">
<!--
function displayValue()
{

var e = document.getElementById("setit");    
var strSel = e.options[e.selectedIndex].text;     
document.getElementById("displayValue").innerHTML = strSel; 
}
-->
</script>
于 2012-10-23T00:08:57.613 回答