獲取警報框中未定義的輸入框值

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

     });