Question

<tr class="swpm-registration-interest-row">
  <td>
    <label for="interest">
      <?php echo SwpmUtils::_('Interest'); ?>
    </label>
  </td>
  <td>
    <select class="regular-text" name="interest" id="interest" onchange="displayInfoBoxes(this);">
      <?php echo SwpmUtils::interest_dropdown($interest) ?>
    </select>
  </td>
</tr>
<tr class="swpm-registration-experience-row" style="display:none;">
  <td>
    <label for="experience" style="position: absolute;">
      <?php echo SwpmUtils::_('Experience') ?>
    </label>
  </td>
  <td>
    <textarea name="experience" style="padding: 2px; border: 1px solid #333 !important;" cols="40" rows="10" id="experience"><?php echo esc_attr($experience); ?></textarea>
  </td>
</tr>

我不确定我是否应该在这里做jQuery或PHP函数，但我有三个选项值：

Viewer
Guest
Actor

当swpm-registration-experience-row是所选选项时，我希望显示一个Actor类的表格行。

要使用哪些想法和所需的语法？

Answer 1

要执行此操作，您可以挂钩选择的change事件，然后使用val()检查所选值，然后再使用toggle()显示/隐藏{{1 }} 如所须。试试这个：

tr

$('#interest').change(function() {
  $('.swpm-registration-experience-row').toggle($(this).val() == 'Actor');
});

如果选择了特定选项，则显示TR元素

1 个答案: