![](/img/trans.png)
[英]How to get javascript var data from html element? (working with canvasjs)
[英]How to get the data from element in HTML with Javascript?
HTML代碼
<body>
<table>
<tr>
<td><label style="text-align:left">Cari Kod:</label></td>
<td><input type="text" id="cariKod" value="" /> </td>
</tr>
<tr>
<td> <label style="text-align:left">Cari İsim:</label></td>
<td><textarea rows="4" id="cariAd" cols="50" name="comment" form="usrform"></textarea></td>
</tr>
</table>
</body>
我想用Javascript從html元素中獲取數據
Javascript代碼
<script>
var a =$("cariKod");
$(document).ready(function () {
$("#btn1").click(function () {
alert($("#a"))
});
});
</script>
嗨嘗試以下
<script>
$(document).ready(function () {
var a =$("#cariKod"); //$("cariKod");
$("#btn1").click(function () {
alert(a.val()); //alert($("#a"))
});
});
</script>
檢查以下代碼:只需在警報時附加.val()
<script>
var a =$("#cariKod");
$(document).ready(function () {
$("#btn1").click(function () {
alert(a.val());
});
});
</script>
首先,您沒有正確選擇輸入: $("#cariKod")
而不是$("cariKod")
。 其次,使用.val()
訪問該值
有關工作示例,請參閱此代碼段。
$(document).ready(function () { var a =$("#cariKod"); $("#btn1").click(function () { alert(a.val()) }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <table> <tr> <td><label style="text-align:left">Cari Kod:</label></td> <td><input type="text" id="cariKod" value="" /> </td> </tr> <tr> <td> <label style="text-align:left">Cari İsim:</label></td> <td><textarea rows="4" id="cariAd" cols="50" name="comment" form="usrform"></textarea></td> </tr> </table> </body> <button id="btn1">Button</button>
復制粘貼此代碼並嘗試使用您的broswer,而不是在代碼段中
$(function(){ var $value1 = $('#cariKod').val(); var $value2 = $('#cariAd').val(); $('#button').on('click', function(){ alert('first value is ' + $value1 + ' , second value is ' + $value2); }); });
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <table> <tr> <td><label style="text-align:left">Cari Kod:</label></td> <td><input type="text" id="cariKod" value="" /></td> </tr> <tr> <td><label style="text-align:left">Cari İsim:</label></td> <td><textarea rows="4" id="cariAd" cols="50" name="comment" form="usrform"></textarea></td> </tr> </table> <button id="button">Click me</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> </body> </html>
function getcar(){
var cariKod = document.getElementById("cariKod").value;
var cariAd = document.getElementById("cariAd").value;
alert("Cari Kod: " + cariKod + " , " + "Cari İsim:" + " " + cariAd);
}
<table>
<tr>
<td><label style="text-align:left">Cari Kod:</label></td>
<td>
<input type="text" id="cariKod" value="" /> </td>
</tr>
<tr>
<td><label style="text-align:left">Cari İsim:</label></td>
<td>
<textarea rows="4" id="cariAd" cols="50" name="comment" form="usrform" value="">
</textarea></td>
</tr>
</table>
<button onclick="getcar()">Show</button>
這是解決方案。
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var a;
$(document).ready(function () {
$("#btn1").click(function () {
a = $('#cariKod').val();
alert(a);
});
});
HTML
<html>
<body>
<table>
<tr>
<td><label style="text-align:left">Cari Kod:</label></td>
<td><input type="text" id="cariKod" value="" /> </td>
</tr>
<tr>
<td> <label style="text-align:left">Cari İsim:</label></td>
<td><textarea rows="4" id="cariAd" cols="50" name="comment" form="usrform"></textarea></td>
</tr>
<tr><td><button type="button" id="btn1">Submit</button></td></tr>
</body>
</html>
$(document).ready(function () {
$("#btn1").click(function () {
var value = $("#cariKod").val();
alert(value);
});
});
它奏效了
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.