Skip to main content

Populate drop down options based on another drop down selection - javascript

Requirement: 

Filter drop down list options based on another drop down selection.

Sample code:

$("Select[title$='dropdown1']").change(function(){
var val=$(this).val();
if(val=="Fruits"){
$("Select[title$='dropdown2']".html("<option value='Apple'>Apple</option><option value='Orange'>Orange</option>");
}
else if(val=="Vegetables"){
$("Select[title$='dropdown2']".html("<option value='Onion'>Onion</option><option value='Tomato'>Tomato</option>");
}
});


Comments

Post a Comment

Popular posts from this blog

"An unexpected error has occurred. Changes to your data cannot be saved" excel SharePoint

“If you’re not making some notable mistakes along the way, you’re certainly not taking enough  business and career chances .” After creating a custom "Export to Excel" button on the SharePoint page as in my previous post:   https://nethrasb.blogspot.com/2020/05/export-to-spreadsheet-option-in.html we encountered an issue, where one of the user received "An unexpected error has occurred. Changes to your data cannot be saved" in the excel sheet to which the data has been exported. But I was able to export the data using "System Account" without any issue!  The user has full control over the site and there should not be any permissions related issues.  What could be the issue then?  It might seem silly but this is what happened. Humans make mistakes :) My fellow team mate who had been asked to create the view, created a "Personal" view instead of creating a "Public" view !  "Personal" view is i...
Post a Comment
Read more

Remove the page title from SharePoint online modern page

SharePoint Online supports two basic designs; The  “Classic”  and the  “Modern”  experience.  The “Classic” experience is a highly customizable user interface much similar to an On-Prem experience.   The “Modern” experience has some limitations on the design customizations unlike the "Classic" experience.  The "Modern" page can be created from Site Contents-> New->Page. The modern page would be created in edit mode where you can choose the page layout and add the necessary webparts and publish the page. But, how to remove the page title from the page where the customizations are limited? It's quite simple!!! 1. Open the page in the SharePoint designer -> "Advanced Edit Mode". 2. Look for the tag <mso:PageLayoutType msdt:dt="string">Article</mso:PageLayoutType>. Replace "Article" with "Home" as below and save the file. <mso:PageLayoutType msdt:dt="string">Home</mso:PageLayoutType> ...
Post a Comment
Read more

Unable to create a list from the custom template uploaded to the list gallery in SharePoint online

SharePoint lists can be reused on multiple sites just with a list template without having to create a custom list from the scratch.  This can be accomplished by saving the list as a template (.stp) file from the "List Settings" page. Once the template has been created, it can be uploaded to any number of sites in their "List template Gallery" at the site collection level. From here, the list can be created on any of the subsites under that site collection. The approach is same for SharePoint online as well.  But, in SharePoint online, the list could not be found under the "Add an App" section even after uploading the list template to the gallery. So how to create a list from the template in SPO when it is not listed in the Apps? 1.  Create a Custom List from the site contents and save it as a list template.  2. Click on "Add an App" and choose the OOTB list template. In the pop up where the list name to be mentioned, click on "Advanced optio...
Post a Comment
Read more