上一篇中写道,功能与页面的重要性,就不重复了,而下面,继续说一个功能点,这个功能,三个方面都要写,不会和前一篇那样,只写两部分。而这个要写三个部分:分别是页面、事件、还有后台,获取下拉框数据,就不说了,因为因为以前已经说过了,但是之前的有一些可能会重复说一下,之前忘说了,我用的是一个老师所封装好的js所以下拉框的数据获取会比较快一点。
这个是下拉框的封装的方法。
function createSelect(selectId, url, value) {
//console.log(defaultValue);
$.post(url, function (jsonData) {
if (selectId.indexOf(’#’) != 0) {
selectId = ‘#’ + selectId;
}
$(selectId).empty();//清空该元素
//内部前置内容
$(selectId).prepend(’’ + “–请选择–” + ‘’);
//创建option
for (k in jsonData) {
$(selectId).append(’’ + jsonData[k].text + ‘’);
}
//设置选中值
if (value != undefined && value != null && value != ‘’) {
$(selectId).val(value);
}
});
}
然后,在页面上
获取下拉框数据,并回填数据到input标签里
最新推荐文章于 2023-01-17 15:21:50 发布
本文介绍了如何使用JavaScript函数createSelect绑定下拉框数据,并在选择后将数据回填到input标签中。通过jQuery事件监听下拉框变化,调用后台方法获取并设置input值,详细讲解了相关代码实现。
摘要由CSDN通过智能技术生成