189 8069 5689

如何实时监控input框与下拉框联动

这篇文章主要介绍了如何实时监控input框与下拉框联动,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

站在用户的角度思考问题,与客户深入沟通,找到唐河网站设计与唐河网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广、主机域名、网页空间、企业邮箱。业务覆盖唐河地区。

如图:

如何实时监控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);
}

感谢你能够认真阅读完这篇文章,希望小编分享的“如何实时监控input框与下拉框联动”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享题目:如何实时监控input框与下拉框联动
网页网址:http://cdxtjz.cn/article/gpsjgo.html

其他资讯