主页 / 问题 / 1038509
Accepted
Виктор Тюрин
Asked:2020-10-25 17:00:57 +0000 UTC2020-10-25 17:00:57 +0000 UTC

选择和输入之间的交互

  • 772

我有以下选择：

<div>
                                        <select>
                                            <option value="">Пункт 1</option>
                                            <option value="">Пункт 2</option>
                                            <option value="">Другое</option>
                                        </select>
                                    </div>

您需要实现以下功能：即 当您选择“其他”时，选择中的文本应该会消失，您应该能够从键盘输入信息。但！同时，select 应该仍然具有选择其他项的能力。这样的机制可行吗？如果是这样，你从哪里开始？...

html

1 个回答

  1. Best Answer

    那你需要吗？

    $(document).on('change', 'select', function() {
  if ($(this).val() == 3) {
    $('input[name="other"]').show().focus();
  } else {
    $('input[name="other"]').hide();
  }
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <select>
    <option value="1">Пункт 1</option>
    <option value="2">Пункт 2</option>
    <option value="3">Другое</option>
  </select>
  <input name="other" value="" style="display: none;" />
</div>

    • 3

相关问题