把下拉框的值回填到文本框

把下拉框的值回填到文本框
通过我目前的做的项目我才发现家庭地址是不用手动录入的,因为手动录入的效率慢同时也容易出错,而通过选中省份、城市、地区的下拉框值然后回填的,就是下拉框的值回填到家庭地址的文本框内
下面就是我写的代码:
首先自定义一个setRuleContent方法
function setRuleContent()
{
声明Provincial、City、Area变量,然后就获取里面这三个Provincial、City、Area选中的Select下拉框内容
var Provincial = $(’#Provincial option:selected’).text();//省
var City = $(’#City option:selected’).text();//城市
var Area = $(’#Area option:selected’).text();//地区
}
$("#PresentAddress").val(Provincial.trim() + City.trim() + Area.trim());
然后用上面的方法把已选中的内容回填到"#PresentAddress"(家庭地址),var()里面的就是省+城市+地区。
Trim()这是为了去掉空白
再接下来就是HTML代码
把这个方法放到了省份、城市、地区、家庭地址文本框内
在这里插入图片描述
在这里插入图片描述
调用完这些方法的话就搞定了。
效果图:
在这里插入图片描述

你可能感兴趣的:(把下拉框的值回填到文本框)