Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
237 views
in Technique[技术] by (71.8m points)

Remove some "options" from a option select list Html-javascript

a little help please,

I have this code, I would like to create a javascript function to delete the first three select options (50,55,60) and keep only the last (65) you can help me..... thanks

<select>              
 <option value="50" selected="selected">50</option>
 <option value="55">55</option>
 <option value="60">60</option>
 <option value="65">65</option>
</select>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

give the <select> an id , and check the function below:

function filterSelect(){
var selectobject = document.getElementById("select_id"); 
for (var i=0;i<3;i++){
selectobject.remove(0);      
}       
}

filterSelect();
<select id="select_id">              
         <option value="50" selected="selected">50</option>
         <option value="55">55</option>
         <option value="60">60</option>
         <option value="65">65</option>
        </select>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...