如果选择特定选项值则显示字段 - 必须在页面加载时工作

Question

这个天才代码适用于复选框：

$(document).ready(function() {
   $("#Languages-spoken-and-understood-8").change(function() {
      $("#li-2-21")[$(this).is(":checked") ? 'show' : 'hide']("fast")
  }).change();
});

我喜欢的是它可以在负载上工作。

我试图将其修改为选择框。代码是由 WordPress 上的 cforms 自动生成的。

<select name="Severity-of-your-symptoms" id="Severity-of-your-symptoms" class="cformselect" >
    <option value="full01_severity_notselected" selected="selected">Please select...</option>
    <option value="Mild">Mild</option>
    <option value="Moderate">Moderate</option>
    <option value="Severe">Severe</option>
    <option value="full01_severity_other">Other</option>
</select>

这就是我尝试过的：

  $('#Severity-of-your-symptoms').change(function() {
    $("#li-10-14")[("#Severity-of-your-symptoms[value='full01_severity_other']").attr('selected', 'selected') ? 'show' : 'hide']("fast")
  });change();

显然它不起作用。仅当选择“其他”时，才会出现文本框。 有没有办法以某种方式再次使用那个漂亮的代码，或者我是否需要更大的函数？

谢谢！

Answer 1

你就快到了，这将是一个更短的方法：

$('#Severity-of-your-symptoms').change(function() {
  $("#li-10-14")[$(this).val() == "full01_severity_other" ? 'show' : 'hide']("fast");
}).change();

你可以在这里尝试一下< /a>.

获取或设置 （或任何其他输入类型元素）的值时，您可以使用 .val()。如果有人想要这个没有动画，它看起来像这样：

$('#Severity-of-your-symptoms').change(function() {
  $("#li-10-14").toggle($(this).val() == "full01_severity_other");
}).change();