如何使用jQuery从servlet获取值来动态更改html按钮文本?

时间:2016-02-04 23:13:37

标签: jquery html button

我在html中有几个按钮,有一个指针“Current_Id”指向它们

我有jQuery从servlet获取指针值,jQuery代码如下所示:

      $.get('My_App?Action=Current_Id',function(data)\n"+
      {\n"+
        alert(data);\n"+
        var x='#Current_'+data;\n"+
        alert(x);\n"+
        $('Current_3').html($(this).text());\n"+
      document.getElementById('Current_6').innerHTML=$(this).text();\n"+
        $(x).html($(this).text());\n"+
       });\n"+

html看起来像这样:

    <Table border=1>
      <Tr>
        <Td><button id=Current_1 type=button style="width:78px;height:78px"></button></Td>
        <Td><button id=Current_2 type=button style="width:78px;height:78px"></button></Td>
        <Td><button id=Current_3 type=button style="width:78px;height:78px"></button></Td>
      </Tr>
    </Table>

我的servlet工作正常,返回Current_Id,我尝试了不同的方式在按钮中显示文本:Current_1,Current_2,Current_3,但没有一个工作,这是正确的方法吗?我需要有关正确语法的帮助。

1 个答案:

答案 0 :(得分:0)

我找到了答案,正确的方法是:

<script>
$(document).ready(function()
{
  $("#Current_2").text("Hello");
  var x='#Current_'+'3';
  $("button").click(function()
  {
    $(x).text($(this).text());
  });

});
</script>