0

As per Attached, How to create the refinement breadcrumb in SharePoint?

Please help me. Thank you...

enter image description here

Micho
  • 3,929
  • 13
  • 37
  • 40
arien aein
  • 1
  • 2

1 Answers1

0

We can use jQuery to achieve it, the code below for your reference:

<script src="//code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () { 
    buildBreadcrumb();
    $("select[title='Department']").change(function(){
        buildBreadcrumb();
    });
    $("select[title='Branch']").change(function(){
        buildBreadcrumb();
    });
    $("select[title='Sub Branch']").change(function(){
        buildBreadcrumb();
    });
});
function buildBreadcrumb(){
    var department = $("select[title='Department']").val();
    var branch = $("select[title='Branch']").val();
    var subBranch = $("select[title='Sub Branch']").val();
    $("#refBreadcrumb").html(department+">>"+branch+">>"+subBranch);
}
</script>
<div id="refBreadcrumb"></div>
LZ_MSFT
  • 4,079
  • 1
  • 8
  • 9
  • Hi , Thanks for reply. The output is Undefined >> Undefined >> Undefined. In refinement, RefinableString05 = Department , RefinableString06 = Branch and RefinableString07 = Sub Branch. i'm already change the value. but still the same "Undefined" Please help me...... – arien aein Mar 07 '18 at 00:52
  • using IE F12 to check the select HTML code, or provide some image for further research. – LZ_MSFT Mar 07 '18 at 01:31