0

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

     }
 });
4

5 回答 5

2

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

$("#textData").val();
于 2013-08-19T13:07:18.857 回答
2

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

var data = $("#textData").val();
于 2013-08-19T13:09:04.103 回答
1

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

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

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

于 2013-08-19T13:05:57.327 回答
1

它会像

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

确保您已将其附在DOM ready

于 2013-08-19T13:06:38.570 回答
1

试试这个：

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

     });
于 2013-08-19T13:12:18.053 回答