mohebbimahmood
پنج شنبه 29 بهمن 1394, 16:48 عصر
سلام
در سایتم فرمی دارم دارای یک select ، جند input text و یک input file
می خواهم کاری کنم که در صورت انتخاب گزینه ای خاص در select ابزار input file مخفی و به جای آن سه input file با نام های متفاوت نمایش یا ساخته شود
باید چکار کنم
فکر می کنم منظور تون همچین چیزی باشه:
<form> <input type="name" id="username" placeholder="Username"><br/> <input type="password" id="password" placeholder="Password"><br/>
Please select your registeraion method: <select id="register-method"> <option id="full">Full Register</option> <option id="quick">Quick Register</option> </select><br/>
<div id="other-info"> <input type="name" id="first-name" placeholder="First Name"><br/> <input type="name" id="last-name" placeholder="Last Name"><br/> <input type="phone" id="phone" placeholder="Phone"><br/> </div> <input type="file" id="file"><br/>
<input type="submit" id="btn-submit" value="Register"> </form>
برای کد های جاوا اسکریپت می تونید از کد های زیراستفاده کنید:
document.getElementById('register-method').addEventListener('change', function() { var selectedItem = this.options[this.selectedIndex].text;
if(selectedItem === 'Full Register') {
document.getElementById('other-info').style.display = 'block';
} else {
document.getElementById('other-info').style.display = 'none';
}
return false;
});