在javascript中获取texttext标签？答案

【问题标题】：Get textext tags in javascript?在javascript中获取texttext标签？
【发布时间】：2023-03-06 20:11:01
【问题描述】：

大家好，我有这个问题，真的不知道如何解决它：我在我的网站上使用Textext 工具，我在 textarea 中输入了我所有的标签，但是当我需要标签时，我无法在此处获取它们是我的代码：

html代码：

<textarea id="tagsa" rows="1" cols="70" style="color: black;"   placeholder="Add Your Article Tags.. Max=7" ></textarea>

这是我的文本 jquery 代码：

 function checkLength() {
            if ($("#tagsa").next().children().length < 7) {
                return true;
            }
            return false;
        }

$('#tagsa').textext({
    plugins: ' prompt  autocomplete ajax arrow clear  suggestions tags',
    prompt: 'Add one...',
    ajax: {
        url: '../data.json',
        dataType: 'json',
        cacheResults: true
    },
    tagsItems: eval(get_suggestion()),
    //eval(get_suggestion()),
    ext: {
        tags: {

            addTags: function (tags) {

                if (checkLength()) {
                    $.fn.textext.TextExtTags.prototype.addTags.apply(this, arguments);
                }

                else
                    alert("Only 7 Tags Allowed");

            }
        }
    }
}).bind('tagClick', function (e, tag, value, callback) {
    var url = "Finder.aspx?tag=" + value;
    window.location = url;
}).bind('isTagAllowed', function (e, data) {
    var formData = $(e.target).textext()[0].tags()._formData,
        list = eval(formData);

    // duplicate checking
    if (formData.length && list.indexOf(data.tag) >= 0) {

        data.result = false;
    }
});

我试过这个：

  alert(document.getElementById("tagsa").value)

但它没有显示内部文本/标签

谁能帮我解决这个问题？

【问题讨论】：

我不确定我是否理解您的问题。即使您的文本区域中有文本，您的警报是否也不起作用？
不清楚你在问什么。请添加更多详细信息并澄清，我们很乐意为您提供帮助。您隔离的代码越多越好——我们更有可能帮助处理简短、隔离的代码 sn-ps。

标签： javascript jquery html jquery-textext

【解决方案1】：

我在插件的文档中找不到这个操作，但是在深入研究代码后我找到了一种方法。

$('#textarea').textext({
  plugins: 'tags',
  tagsItems: [ 
    'PHP', 'Closure', 'Java' 
  ]
});

$('#btn').click(function(){
  var tags = $('#textarea').textext()[0].tags()._formData;
  
  $('#result').html(JSON.stringify(tags));
});

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-textext/1.3.0/jquery.textext.min.js"></script>

<textarea id="textarea"></textarea><br />
<button id="btn">Show Tags</button>
<hr />
<pre id="result"></pre>

http://jsbin.com/joquga

【讨论】：

哇，你真是个天才，谢谢
@MohemmadAlBughdadi 谢谢你的话；）。我的荣幸。祝你好运。

【解决方案2】：

你确定你指的是正确的元素吗？我刚刚在我的本地机器上尝试了你的例子，我得到了所有的内部标签。

【讨论】：

我的问题只需回答 THX