jQuery 用于显示不同的文本字段，当 select 两个不同的项目出现在 select 框中时

Question

从select选项中选择不同的选项时如何显示文本字段（如果select美国选项美国文本字段需要显示）？

<select name="cntry"> 
<option value="us">USA</option>
<option value="uk">uk</option>
</select >
<input type="text" value="USA" name="USA">
<input type="text" value="UK" name="UK">

Answer 1

$('#country').on('change', function() {
  $('input').each(function() {
    $(this).css('display', 'none');
  });
  if (this.value === 'us') {
    $('input[name="USA"]').css('display', 'initial')
  }
  if (this.value === 'uk') {
    $('input[name="UK"]').css('display', 'initial')
  }
});

input {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="country" name="cntry">
  <option selected disabled hidden>Select your Country</option>
  <option value="us">USA</option>
  <option value="uk">uk</option>
</select>
<input type="text" value="USA" name="USA">
<input type="text" value="UK" name="UK">

jQuery 用于显示不同的文本字段，当 select 两个不同的项目出现在 select 框中时

jQuery for showing different text field showing when select two different items in selectbox

html

javascript

jquery