Обновление Div По номеру ввода

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 должен быть идентификатором или классом. Используйте html() для изменения значения innerHTML.

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

EDIT

Это должно быть

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

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, чтобы продемонстрировать вашу проблему.