получить значение входных тегов с помощью jquery

Question

у меня есть эти входные теги

<div id="tag" >
<tags-input  v-model="tags" id="meta_keyword" ></tags-input>
</div>

когда я вставляю слово, это выглядит так:

я пытаюсь этот код этот код, чтобы получить это входное значение (слова вставлены),

var meta_keyword_it=$('#meta_keyword').val();
alert(meta_keyword_it);

но я не работаю, это предупреждение пусто !!!

Answer 1

Вы должны использовать .text()/.html(), потому что не имеет значения свойства

var meta_keyword_it=$('#meta_keyword').text();
alert(meta_keyword_it);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="tag" >
<tags-input  v-model="tags" id="meta_keyword" >dfg</tags-input>
</div>

Answer 2

вам нужно заменить val на text. val() работает с элементами ввода (или любым элементом с атрибутом значения?), А .text() не будет работать с элементами ввода..val() получает значение элемента ввода - независимо от его типа..text() получает внутренний текст (не HTML) всех соответствующих элементов: см. Больше здесь.

function check(){
var val = $("#meta_keyword").text();
console.log(val);
}
check();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="tag" >
<tags-input  v-model="tags" id="meta_keyword" >Abcd , xyz </tags-input>
</div>

Answer 3

Вы можете использовать следующий код:

var meta_keyword_it=$('#meta_keyword').text();
alert(meta_keyword_it);

Просто измените val() на text().

Если это не сработает, вам нужно проверить созданный тег с некоторым вводомтекст.Я думаю, что сейчас вы просто показываете пустой тег ввода.