在警告框中獲取輸入框值undefined

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

你的選擇是不正確的div有兩個類，所以你需要將它們連接在一起就像這樣：

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

請注意，id選擇器應該是唯一的，所以實際上，類選擇器無論如何都是多餘的。

Answer 2

它會像

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

Makesure您已經封閉它DOM ready

Answer 3

.tab-pane active尋找一個元素中的<active>元素與類的tab-pane。對於這兩個類元素的正確選擇是.tab-pane.active，但因爲你的元素有一個ID，只是用一個id選擇器中選擇它。

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

Answer 4

您可以使用選擇的文本框的ID足夠

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

Answer 5

試試這個：

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

    });