使用jQuery自动从输入发送值到输出

Question

最近我正在网上购物网站上工作，在我网站的某个部分我使用了这段代码：

<button>buy</button>
<input value="Variable"/>
<div class="output"></div>

此代码的主要目标是：

我有一些输入门<input value="Variable"/>，当用户点击一个按钮<button>buy</button>时，“php和$ .get（）”将值发送到输入门。

此外，我希望当值在输入门中时，这些值也会通过“jQuery”发送到输出。 我使用此代码执行此操作：

$(document).ready(function(){

    $("input").change(function(){
        $('div.output').text($(this).val());
    });

});

但它不起作用。

问题是此代码仅在我手动设置值时有效。但是当使用“php和$ .get（）”设置值时，它将无法工作。 .change(function(){});无效。

所以我放弃了并使用了这段代码：

$(document).ready(function(){

    $('*').hover(function(){

       $('div.output').text(  $("input").val()  );

    }); 

});

那么你们有什么建议我应该做什么？

Answer 1

如果要在使用JS更改输入值时调用change，请使用：

$("input").trigger('change');

Answer 2

我试图理解大部分问题（但我不确定）。但据我所知，你应该这样做。

$.get( "whatever/url", function( data ) {
  $('div.output').text(data);
});

这样您就可以从服务器发送数据，并相应地更新输入值。