工作中遇到過很多種情況需要通過js或者jQuery去修改input/select的value值,但是霸株,往往只是修改了元素的value是沒有用的,value值并沒有真正的被成功設(shè)置上去,下面分享兩個我用過的有效的方法,也算是自己做個記錄镜悉。
(一)select格式的修改value
- (1)用的是jQuery:
document.getElementById("selectId").value="testChange";
$("#selectId").change();
- (2)原生JS:
var county=document.getElementById("selectId");
county.value="testChange";
var eventMonth;
eventMonth = document.createEvent("HTMLEvents");
eventMonth.initEvent("change", true, false);
county.dispatchEvent(eventMonth);
(二)input格式的修改value
這里假定我們要修改的是id為email的文本框:
var email = 'rollanTest@qq.com ';
var createEmail=document.getElementById("email");
createEmail.value=email;
var eventMonth;
eventMonth = document.createEvent("HTMLEvents");
eventMonth.initEvent("input", true, false);
createEmail.dispatchEvent(eventMonth);