我有这个输入标签
<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);
但我不工作,它提醒空!
你必须使用.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>
你应该将val
替换为text
.val()
适用于输入元素(或任何具有value属性的元素?),.text()
不适用于输入元素。 .val()
获取input元素的值 - 无论类型如何。 .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>
您可以使用以下代码:
var meta_keyword_it=$('#meta_keyword').text();
alert(meta_keyword_it);
只需通过val()
更改text()
。
如果它不起作用,那么您需要使用一些输入文本检查创建的标记。我想现在你只是显示空输入标签。