Question

我需要可编辑的选择框，以便用户可以手动输入，也可以从可用选项列表中进行选择。我所拥有的是下拉按钮，打开弹出窗口，但除此之外我还需要手动输入框。

让我们看看它的外观

所以现在我只能下拉选择列表并打开弹出窗口，但它没有可编辑的输入框。

我也在分享代码和小提琴

<div class="grid-33">
              <label class="b-control">
                <span class="b-control__label">Source:</span>
                <span class="b-control__editable">
                  <select class="b-control__select">
                    <option value=""></option>
                    <option value="">...</option>
                    <option value="">...</option>
                    <option value="">...</option>
                  </select>
                  <a class="b-control__edit js-control__edit js-popupLink" href="#js-editSelect">...</a>
                </span>
              </label>
            </div>

https://jsfiddle.net/mahendrakawde/o4j3x495/

玩。帮助我使用这个css和js进行可编辑的选择。

Answer 1

我已经尝试了一些使用CSS的东西，但我不确定我使用过的方法，如果它对你很有用。请查看fiddle

    PROCEDURE "hello"."helloWorld.db::sampleException" ()
     AS
BEGIN

DECLARE ExceptionExample CONDITION FOR SQL_ERROR_CODE 10001;
DECLARE ExceptionExample1 CONDITION FOR SQL_ERROR_CODE 10002;


select * from "hello"."REGION";
SIGNAL ExceptionExample SET MESSAGE_TEXT='TAN TAN TANANANANAN';


--SIGNAL 
select * from "hello"."REGION";
SIGNAL ExceptionExample1 SET MESSAGE_TEXT='TANY TAN TANANANANAN';

END;

和相应的CSS

<input class="edit_text" type="text"/>

我已经介绍了一个外部输入，然后尝试覆盖它现有的选择，看起来很好的工作，现在你可以添加事件到输入搜索选择标签项和诸如此类，基本上你可以做任何你想要的输入标签

可编辑的组合框与按钮显示弹出窗口

1 个答案: