Question

我有一个数字输入，我希望每次更新数字输入时此字段都更新div。

通过数字输入，我的意思是：

<input type="number" name="year" id="year" min="2013" value="2013">

我添加了这段代码，但它不起作用。我怎样才能做到这一点？

非常感谢你。

<script type="text/javascript">
 $(document).ready(function(){
  $('input[name="year"]').change(function(){
   var id = this.value;
   $.getJSON('/test/' + id, function(response){
    $('myDiv').innerHTML = "dsadasdas";
    });
   });
  });
 });
</script>

我希望myDiv中显示的数据可以从我的test页面设置。这是一个通过查询字符串执行内容的PHP脚本。像/test/21一样返回第21个人的名字......

非常感谢你。

Answer 1

myDiv应该是ID或类。使用html()更改innerHTML值。

$('myDiv').innerHTML = "dsadasdas";

编辑

应该是

$('#myDiv').html('dsadasdas');

Answer 2

这会帮助你......

http://jsfiddle.net/4jGvf/5/

  $('input[name="year"]').change(function(){
     var id = $(this).val();
     var url='/test/' + id;
     alert(url);//this can be your ajax call
     $('#mydiv').html(url)
   });

Answer 3

尝试这个

<强> HTML

<input type="number" name="year" id="year" min="2013" value="2013"> <div id="result"> <div>

<强> JS

 $('input[name="year"]').change(function(){
   var id = $(this).val();
      GetUpdate(id);               
   });

//根据您的需要更改它，用于以.net

编写的调用Web服务

function GetUpdate(id) { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "services/WebService1.asmx/getUpdate", data: '{"id":"' + id+ '"}', dataType: "json", success: function (data) { $("#result").html(id);//write here your code for update the result }, error: function (result) { alert("error"); } }); }

Answer 4

您的代码中存在很多错误。让我们从顶部开始：

1。从当前对象获取值的错误方法，即this

var id = this.value;

在jQuery中检索值的正确方法是

var id = $(this).val();

2。您的代码中有一个额外的});，删除最后一个。

3。您没有正确使用选择器：

$('myDiv').innerHTML = "dsadasdas";

使用$('.myDiv')或$('#myDiv')，具体取决于它是类名还是ID

4。 jQuery有自己的DOM操作方法，如.html()和.text()，使用其中任何一个而不是innerHTML方法。

$('myDiv').html("Whatever you want..");

这些可能是您的代码不起作用的主要原因。我们无法为您编写完整的代码，因此请亲自尝试并告诉我们结果是什么，如果可能的话，设置一个JSFiddle来演示您的问题。

按数字输入更新Div

4 个答案: