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

Question

我想获取输入字段值。 仅基于类和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>

JS

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

     }
 });

Answer 1

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

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

Answer 2

您可以将选择器用作您的文本框ID

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

Answer 3

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

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

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

Answer 4

就像

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

确保已将其封装在DOM ready

Answer 5

尝试这个：

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

     });