使用jquery获取输入标记值

问题描述 投票:0回答:3

我有这个输入标签

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

当我插入单词时,它看起来像这样:

enter image description here

我尝试这段代码来获取此输入值(插入的单词),

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

但我不工作,它提醒空!

javascript jquery tags
3个回答
2
投票

你必须使用.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>

1
投票

你应该将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>

1
投票

您可以使用以下代码:

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

只需通过val()更改text()

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

© www.soinside.com 2019 - 2024. All rights reserved.