JAvascript動的設定inputのplaceholder値

1045 ワード

方法1:jsでテキストボックスinputのplaceholder値documentを設定.getElementById(“input”).setAttribute(「placeholder」、「新しいテキストの内容」);方法2:jqueryでテキストボックスinputのplaceholder値$(’#input’)を設定.attr(‘placeholder’,‘新しいテキスト内容’);
二、jsドロップダウンボックスは、2番目のinputに対応する値を変更することを選択します.例えば、次のようにします.
var objctSelect=document.getElementById('objctSelect');
var objectName=document.getElementById('objectName');
var objectInput=document.getElementById('objectInput');
objctSelect.addEventListener('change',function(e){
	var event = e || window.event;
	var target = event.currentTarget;
	var index = target.selectedIndex;
	switch(index) {
		case 0:
		  objectName.innerHTML='    ';
		  objectInput.setAttribute("placeholder","       ");
		break;
		case 1:
		  objectName.innerHTML='    ';
		  objectInput.setAttribute("placeholder","       ");
		break;
		case 2:
		  objectName.innerHTML='  ';
		  objectInput.setAttribute("placeholder","     ");
		break;
	}
})