实现输入框与下拉框联动

下面我就为大家分享一篇实时监控input框,实现输入框与下拉框联动的实例，具有很好的参考价值，希望对大家有所帮助。

如图：

html代码

 奖励类型：       ---请选择---   {foreach $reward as $value}   {$value['material_name']}   {/foreach}   

登录后复制

JQuery代码

 $('#reward').bind('input propertychange', function() {reward();}); function reward() {  var search = $("#reward").val();  $.ajax({    type:"get",    url:"/mall/config_commodity_info/search_commodity_info",    data:{search:search},    success:function(select){      var reward_id = $("#reward_id");      if (select) {     $("option",reward_id).remove();     var obj = JSON.parse(select);     for (var key in obj) {      var option = ""+obj[key]+"";       reward_id.append(option);      }     }    }  }); } 

登录后复制

PHP代码

public function add_alms(){ $reward = $this->materials->selReward(); $this->assign('reward',$reward); return $this->fetch();}public function do_add_alms(){ $data = Request::instance()->param(); $this->alms->addAlms($data);}

登录后复制

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

在Vue2.5中通过json文件读取数据的方法

在Vue2.5中通过json文件读取数据的方法

在Vue2.5中通过json文件读取数据的方法

在Vue2.5中通过json文件读取数据的方法

在Vue2.5中通过json文件读取数据的方法

在Vue2.5中通过json文件读取数据的方法

以上就是实现输入框与下拉框联动的详细内容，更多请关注【创想鸟】其它相关文章！