在警报框中获取未定义的输入框值答案

【问题标题】：getting input box value undefined in alert box在警报框中获取未定义的输入框值
【发布时间】：2023-03-31 11:26:01
【问题描述】：

我想获取输入字段值。仅基于类和 id 名称。我在警报框中未定义。没有得到我在输入框中输入的任何值。

HTML

 <div id="tab1" class="tab-pane active">
        <div class="input-text">
            <div class="input-append">
                <input id="textData" class="input-xxlarge" type="text" name="inputName" />
                <button id="pressme" class="btn btn-success btn-large" type="button">Convert</button>
            </div>
        </div>
    </div>

 $('#pressme').on({
     'click': function () {
         var data = $(".tab-pane active #textData").val();
         alert(data);

     }
 });

【问题讨论】：

标签： javascript jquery

【解决方案1】：

.tab-pane active 在类为tab-pane 的元素内查找<active> 元素。具有这两个类的元素的正确选择器是 .tab-pane.active.，但是由于您的元素具有 id，因此只需使用 id 选择器选择它：

$("#textData").val();

【讨论】：

【解决方案2】：

您可以使用选择器作为您的文本框 id 足够

var data = $("#textData").val();

【讨论】：

【解决方案3】：

您的选择器不正确，因为 div 有两个类，因此您需要像这样将它们连接在一起：

var data = $(".tab-pane.active #textData").val();

注意id 选择器应该是唯一的，所以实际上类选择器是多余的。

【讨论】：

【解决方案4】：

会是这样的

$('#pressme').on({
     'click': function () {
         var data = $(".tab-pane.active #textData").val();
         alert(data);
     }
});

确保您已将其附在DOM ready

【讨论】：

【解决方案5】：

试试这个：

 $('#pressme').on('click',function () {
         var data = $("#textData").val();
         alert(data);

     });

【讨论】：