显示警报框中的值

Question

目标： 将输入框中的值显示到警报文本弹出窗口中。

问题：
不知道该怎么做。

谢谢！

$(document).ready(function(){ 
 
    $("#btn2").click(function(){ 
 
     alert("HTML: "); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 

 
<input value="aaaa" id="asdf" /> 
 
<button id="btn2">Show HTML</button>

DEMO

Answer 1

$('#btn2').click(function() { 
    var val = $('#asdf').val(); 
    alert(val); 
}) 

DEMO

Answer 2

你只需要使用jQuery的val。

$(document).ready(function() { 
 

 

 

 
    $("#btn2").click(function() { 
 
    alert("HTML: " + $("#asdf").val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 

 
<input value="aaaa" id="asdf" /> 
 

 
<button id="btn2">Show HTML</button>

Answer 3

.val()使用追加值到警报和由ID捕获元件：

alert("HTML: " + $("#asdf").val()); 

$(document).ready(function(){ 
 

 
    
 
    
 
    $("#btn2").click(function(){ 
 
     alert("HTML: " + $("#asdf").val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 

 
<input value="aaaa" id="asdf" /> 
 

 
<button id="btn2">Show HTML</button>