Блог

Я пытаюсь добавить два два functions в один входной тег. НО много раз терпел неудачу.

Что я пытаюсь сделать ?

В моем HTML-шаблоне есть две функции в разных input тегах.

Один для add tag by , .

И второе за autocomplete .

Я пытаюсь добавить автозаполнение и ввод тегов в один и тот же текстовый ввод, чтобы я мог использовать autocomplete и add tag одновременно.

home.html

 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<link href="{{ STATIC_URL }}user_tags/css/jquery.tagit.css" rel="stylesheet" type="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.css">

<script src="http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>




#This function is for `autocomplete`.    

<form>
    <label for="product">Product</label>
    <input type="text" name="product" id="product">
</form>
    
</form>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

#This function is for `add tag`

        <b>Add Tags </b>
        <input type="text" data-role="tagsinput" class="form-control" name="tags">
        <br>
 

Что я пробовал ?

Я вижу ответ, что если я добавлю semicolons в конце тега оба, то это сработает, НО у меня это не сработало.

 <form>
    <label for="product">Product</label>
    <input type="text" name="product" id="product"; data-role="tagsinput";>
</form>
 

Я не знаю, что делать.

Любая помощь будет признательна.

Я не понимаю, о чем вы спрашиваете. Если вы пытаетесь пометить элемент (входные данные), который будет выбран различными запросами, вы можете использовать классы. Если вы пытаетесь запустить 2 функции с помощью одного вызова функции, объедините две функции в одну функцию.