堆栈内存溢出
  简体   繁体   English

如何使用Javascript从HTML中获取元素数据？

[英]How to get the data from element in HTML with Javascript?

 原文  2016-12-01 11:01:07  2   7    javascript/ html

问题描述

HTML code 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>

I want to get the data from html element with Javascript 我想用Javascript从html元素中获取数据

Javascript code Javascript代码 

<script>

        var a =$("cariKod");

        $(document).ready(function () {

            $("#btn1").click(function () {
                alert($("#a"))
            });

        });
        </script>

7 个解决方案

解决方案1
 0  2016-12-01 11:04:49

Hi try with following 嗨尝试以下 

<script>


     $(document).ready(function () {
        var a =$("#cariKod");   //$("cariKod");
         $("#btn1").click(function () {
                alert(a.val());      //alert($("#a"))
         });
      });
</script>

解决方案2
 0  2016-12-01 11:05:31

Check the below code : Just append .val() while alert 检查以下代码：只需在警报时附加.val（） 

<script>

        var a =$("#cariKod");

        $(document).ready(function () {

            $("#btn1").click(function () {
                alert(a.val()); 
            });

        });
        </script>

解决方案3
 0  2016-12-01 11:07:00

Firstly, you hadn't correctly selected the input: $("#cariKod") not $("cariKod") . 首先，您没有正确选择输入： $("#cariKod")而不是$("cariKod") 。 Secondly, access the value using .val() 其次，使用.val()访问该值

See this snippet for a working example. 有关工作示例，请参阅此代码段。 

 $(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>

解决方案4
 0  2016-12-01 11:12:23

copy paste this code and try with your broswer , not in snippet 复制粘贴此代码并尝试使用您的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>

解决方案5
 0  2016-12-01 11:15:10


  
 
  
  
 
   
 
    
        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>

解决方案6
 0  2016-12-01 11:18:27

Here is the solution. 这是解决方案。 

<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 

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

解决方案7
 0  2016-12-01 11:50:22

    $(document).ready(function () {
        $("#btn1").click(function () {

        var value = $("#cariKod").val();
         alert(value);

        });

    });

it's worked 它奏效了

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何从html元素获取javascript var数据？ （使用canvasjs） - How to get javascript var data from html element? (working with canvasjs) 如何从HTML元素中获取Javascript对象 - How to get Javascript object from HTML element 如何从JavaScript中动态创建的html元素获取输入数据 - how to get input data from dynamically created html element usin javascript 如何从javascript中的html表单获取数据 - how to get data from html form in javascript 如何从 HTML 滑动条获取元素到 JavaScript 变量 - How to get element from HTML sliding bar to a JavaScript variable 如何从具有类似类的 HTML 获取某些元素（使用 JavaScript）？ - How to get certain element (using JavaScript) from HTML with similar classes? 如何使用 JavaScript 从 HTML 页面的嵌入/对象获取元素？ - How to get element from Embed/Object of HTML page with JavaScript? 从javascript获取HTML元素属性 - Get HTML element attribute from javascript 如何通过JQuery从HTML元素获取实时数据？ - How to get live data from HTML element by JQuery? 如何从data_response的父元素中获取html？ - How to get html inside a parent element from data_response?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM