當在下拉菜單上選擇一個項目時將信息吐出？

我想知道在用戶選擇下拉菜單中列出的項目之後，是否可以使用諸如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，但每次插入編碼時，什麼都不顯示...

謝謝！

來源

2012-10-22 user1766899

你不介意的jQuery或者它應該是直的JavaScript？（前者是更簡單的一段代碼）。 –

我想現在的JavaScript，所以我可以瞭解更多。我從來沒有與jQuery搞混，所以我可能會對此感到困惑。對不起 – user1766899

如何這樣的事情：http://jsfiddle.net/WaWEZ/1/（使用'data- *'屬性來保存值，否則你將需要從價格解析出名稱或者使用'value'屬性來存儲這兩者） –

你需要閱讀DOM JavaScript處理。這是非常可能的，我建議你看看w3schools.org的JavaScript教程。這是非常全面的，當你準備好了，你應該下載jQuery並使用它：jQuery。

好運
-Brian

來源

2012-10-23 00:05:42 OneChillDude

我會毫不猶豫地研究這一點，並學習更多。謝謝你的幫助:) – user1766899

<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-23 00:08:57 sjramsay

謝謝你給我演示如何做！但是，在<「option value =」「>部分中，Im使用它來輸入URL，因此當用戶點擊其中一個列出的項目時，點擊」添加到購物車「按鈕後會直接進入該URL。但是，當我輸入Value =「」時，DisplayValue會吐出URL而不是我想要的內容。有沒有辦法改變它？ – user1766899

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

以及我比較只是如果條件但你應該與給定陣列或在最好的情況相比，使用AJAX調用把從相關響應服務器。

來源

2012-10-23 10:04:06

像這樣：

<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-23 11:55:02 sjramsay

當在下拉菜單上選擇一個項目時將信息吐出？

回答

相關問題