Question

我正在创建一个网站，我将有一个下拉菜单，根据其中选择的内容，将显示不同的内容。我看到[这个] [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">

如何制作下拉菜单显示内容

1 个答案: