ドロップダウンメニューを作る方法

Question

私はドロップダウンメニューを持っているウェブサイトを作っています。その中で選択されているものに応じて、異なる内容が表示されます。私は[this] [1]のコードを見ましたが、それは何らかの理由で私のコンピュータではうまくいかなかったように助けになりませんでした。また、そのコードは私が探していたものではありません。

$('#myPRODUVTS').on('change', function() { 
 
fruit = $(this).val(); 
 
    if (fruit == 'Apple') { 
 
     $('#Price').val('£0.45'); 
 
    } 
 
    if (fruit == 'Orange') { 
 
     $('#Price').val('£0.50'); 
 
    } 
 
    if (fruit == 'Mango') { 
 
     $('#Price').val('£0.65'); 
 
    } 
 
});

Answer 1

これを試してみてください。それはあなたがドロップダウンの値を表示したいと思いどこで

$(function() { 
 
    $('#myPRODUVTS').change(function() { 
 
    fruit = $(this).val(); 
 
     if (fruit == 'Apple') { 
 
      $('#Price').val('£0.45'); 
 
      $('#PriceDiv').text('£0.45'); 
 
     } 
 
     if (fruit == 'Orange') { 
 
      $('#Price').val('£0.50'); 
 
      $('#PriceDiv').text('£0.50'); 
 
     } 
 
     if (fruit == 'Mango') { 
 
      $('#Price').val('£0.65'); 
 
      $('#PriceDiv').text('£0.65'); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
 
<select id="myPRODUVTS"> 
 
    <option value="Select">Select</option> 
 
    <option value="Orange">Orange</option> 
 
    <option value="Mango">Mango</option> 
 
    <option value="Apple">Apple</option> 
 
</select> 
 

 
<input id="Price"> 
 
<div id="PriceDiv">