Question

我想获取输入字段值。仅基于class和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在类<active>的元素中查找tab-pane元素。具有这两个类的元素的正确选择器将是.tab-pane.active。，但由于您的元素具有id，因此只需使用id选择器选择它：

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

Answer 2

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

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);

     });

在警告框中获取输入框值未定义

5 个答案: