php输入框联动,实现输入框与下拉框联动效果

这次给大家带来实现输入框与下拉框联动效果，实现输入框与下拉框联动效果的注意事项有哪些，下面就是实战案例，一起来看一下。

如图：

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);

}

}

}

});

}

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);

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：