用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()，因为它没有value属性

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

您可以使用以下代码：

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

只需将val()更改为text()。

如果它不起作用，则需要使用一些输入文本检查创建的标签。 我想现在您只是显示空的输入标签。

Answer 3

您必须将val替换为text。val()在输入元素（或任何具有value属性的元素上起作用），而.text()在输入元素上不起作用元素。 .val()获取输入元素的值-与类型无关。 .text()获取所有匹配元素的innerText（不是HTML）：see more at here.

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>