2

ユーザーがドロップダウンにリストされているアイテムの1つを選択した後、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 
<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-23T10:04:06.600 に答える
0

DOMJavaScript を使用した操作についてよく読む必要があります。その可能性は非常に高いので、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" 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 に答える