0

we have two dropdown lists in our MOSS portal. I want to remove second item of second dropdown list on 'Page Load', not after selecting it . I tried using javascript but as i am a beginner at scripting so it is not working . So guys is there anyway i can remove that item using css .

The dropdownlist is in a user control (ascx) file . the dropdownlist id is 'drprequest' . can we do it like :

drprequest:nth-of-child(2){display:none};

because i googled something similar to this one but i couldnt find anything.

If not can anyone give me the script to remove that item. Please help me friends .

Improve this question
1
  • is my given solution works for you? Commented Aug 11, 2016 at 12:23

2 Answers 2

Reset to default
1

You can try below CSS code to hide second option from the dropdown with ID drprequest

#drprequest select:nth-child(2) {
    display:none;
}

It will hide the second child of the dropdown using the CSS.

If you want to hide any other option from dropdown than just change the number accordingly.

Improve this answer
1
  • Is above solution works for you? Commented Aug 10, 2016 at 12:42
0

Do you populate dropdown in your ascx.cs file? Try to process data on server-side.

Javascript

Remove option by its position in select:

$("[id$='drprequest'] option:eq(1)").remove()

Remove option by its value:

$("[id$='drprequest'] option[value='{option_val}']").remove()

CSS

[id$='drprequest'] select:nth-child(2) {
    display:none;
}
Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.