Javascript 用于获取文本区域值的Jquery选择器

我想获取多个文本区域的值，并将其显示为highcharts图形的工具提示。我使用输入和eq选择器获取多个文本区域的值，但这些值不会作为工具提示返回

HTML代码

<div id="dialog" title="Input Data">
<form id="pForm" >
 <!--name: <input type="text" name="name" width='50' height='100' maxlength="10" placeholder="Fill in your data" /><br><br>-->

<label for="txt1">Data 1:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt1"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 1"></textarea><br><br>

<label for="txt2">Data 2:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt2"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 2"></textarea><br><br>

<label for="txt3">Data 3:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <textarea id="txt3"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 3"></textarea><br><br>

<label for="txt4">Data 4:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt4"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 4"></textarea><br><br>

<label for="txt5">Data 5:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt5"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 5"></textarea><br><br>

<label for="txt6">Data 6:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt6"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 6"></textarea><br><br>

<label for="txt7">Data 7:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt7"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 7"></textarea><br><br>

<label for="txt8">Data 8:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt8"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 8"></textarea><br><br>

<label for="txt9">Data 9:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt9"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 9"></textarea><br><br>

<label for="txt10">Data 10:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt10"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 10"></textarea><br><br>

<label for="txt11">Data 11:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt11"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 11"></textarea><br><br>

<label for="txt12">Data 12:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<textarea id="txt12"rows="2" cols="10" name="ar2" maxlength="20" style="resize:none" placeholder="Data 12"></textarea><br><br>


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="OK" onclick="getdata()" />
<input type="button" value="cancel" onclick="getPdata( this.value )" />
</form>
</div>

Javascript代码

             tooltip: {
            enabled: true,
            formatter: function() {

            var serieI = this.series.index;
                        var index = dataValues.indexOf(this.y);
                        var index1= dataValues2.indexOf(this.y);
            debugger;
            var comment = "";
            if (serieI == 0) {
                comment = $("input:eq(" + (index) + ")").val();

            } else {

                comment = $("input:eq(" + (index1) + ")").val();

            }
            return 'The value for, <b>' + this.x +
                '</b> is <b>' + this.y + '</b>' + comment;

                          //return '<b>'+ myText[this.point.x] +'</b>';

                    /*var index = dataValues.indexOf(this.y);
                    var comment=$("input:eq("+(index)+")").val()
                    return 'The value for <b>'+ this.x +
                    '</b> is <b>'+ this.y +'</b> -->'+comment;*/
            }
        }

我无法理解错误。小提琴也在这里。小提琴文本框已被使用，而我想使用文本区域

请帮忙

在小提琴上检查样品

使用textarea作为选择器，而不是输入，如下所示

if (serieI == 0) {
      comment = $("textarea:eq(" + (index) + ")").val();
} else {
      //comment = "second serie matched!";
      comment = $("textarea:eq(" + (index1) + ")").val();
}

您可以将输入更改为：输入：

---

提琴对你的文本框有用吗？是的…但是当我尝试使用文本区域的代码时，它就不起作用了..你可以看到验证的链接..你试过$textarea:eq+index+？它对我很有用。。。。如果我在一个Jquery ui自定义对话框中显示文本区域，从用户那里获取输入，然后显示工具提示，@Archer:input可以选择所有表单元素，我希望您知道。如果我在Jquery ui自定义对话框中显示文本区域以从用户获取输入，然后显示工具提示，这会起作用吗？如果我在Jquery ui自定义对话框中显示文本区域以从用户获取输入，然后显示工具提示，这会起作用吗？？？@Lucy：是的，但需要为自定义对话框和其中的文本区域使用适当的选择器：

comment = $(":input:eq(" + (index) + ")").val();
comment = $(":input:eq(" + (index1) + ")").val();