One tab to Second tab Dropdown same select

 To synchronize the selection of the PlantID dropdown between two tabs, you can use JavaScript to detect changes in the first dropdown and reflect them in the second dropdown.

<div id="HeaderSection"> <div class="tabbable btn-responsive"> <ul class="nav nav-tabs" id="assetTabs"> <li role="presentation" class="active"><a href="#ItemHeader" targettab="ItemHeader" id="tabItemHeader" data-toggle="tab">@Resources.GoodsReceipt</a></li> <li role="presentation"><a href="#PurchaseOrderSearch" targettab="PurchaseOrderSearch" sourcediv="PurchaseOrderSearch" id="tabPurchaseOrderSearch" data-toggle="tab">@Resources.PurchaseOrder</a></li> <li role="presentation"><a href="#GoodsReceiptItemlist" targettab="GoodsReceiptItemlist" sourcediv="GoodsReceiptItemlist" dataurl="/GoodsReceipt/GetGoodsReceiptsItemList" id="tabGoodsReceiptItemlist" data-toggle="tab">@Resources.Items</a></li> <li role="presentation"><a href="#GoodsReceiptStatus" targettab="GoodsReceiptStatus" sourcediv="GoodsReceiptStatus" id="tabGoodsReceiptStatus" dataurl="/GoodsReceipt/GetGoodsReceiptHistoryStatus" data-toggle="tab">@Resources.GoodsReceiptStatus</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="ItemHeader"> <div class="FormGrid panel-body"> @using (Ajax.BeginForm("UpdateGRHeader", "GoodsReceipt", null, new AjaxOptions { HttpMethod = "POST", OnSuccess = "AjaxSavedComplete", UpdateTargetId = "GRHeaderContainer" }, new { id = "frmMain" })) { @Html.AntiForgeryToken() <script type="text/javascript" src="~/Scripts/appjs/GoodsReceipt.js"></script> @Html.ValidationSummary(true, "", new { @class = "text-danger" }) @Html.HiddenFor(model => model.GoodsReceipt.GoodsReceiptID) @Html.HiddenFor(model => model.GoodsReceipt.IsActive) @Html.HiddenFor(model => model.GoodsReceipt.ModifiedDate) @Html.HiddenFor(model => model.GoodsReceipt.VendorName) @Html.HiddenFor(model => model.GoodsReceipt.InboundTrackerNumber) @Html.HiddenFor(model => model.GoodsReceiptItems.ModifiedDate) @Html.HiddenFor(model => model.GoodsReceipt.IsBatchManaged) @Html.HiddenFor(model => model.GoodsReceipt.IsShelfLifeManaged) @Html.HiddenFor(m => m.NewGR) @Html.Hidden("IsFinalSave", "0") @Html.Hidden("SessionName") <div id="GRHeaderContainer"> @Html.Partial("_GoodsReceiptHeader") </div> } </div> </div> <div role="tabpanel" class="tab-pane" id="PurchaseOrderSearch"> @Html.ValidationSummary(true, "", new { @class = "text-danger" }) @Html.HiddenFor(model => model.GoodsReceipt.GoodsReceiptID) @Html.HiddenFor(model => model.GoodsReceipt.IsActive) @Html.HiddenFor(model => model.GoodsReceipt.ModifiedDate) @{Html.RenderPartial("_GoodsReceiptPOSearch");} </div>

=======

=== _GoodsReceiptHeader <div class="row"> <div class="control-label col-xs-12 col-sm-3 col-md-3 col-lg-3"> @Html.LabelForRequired(model => model.GoodsReceipt.PlantID) </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> @if (Model.GoodsReceipt.GoodsReceiptID != 0) { @Html.HiddenFor(model => model.GoodsReceipt.PlantID) @Html.DropDownListFor(model => model.GoodsReceipt.PlantID, ViewBag.PlantID as IEnumerable<SelectListItem>, "--Select--", htmlAttributes: new { @class = "form-control", @disabled = true }) } else { @Html.DropDownListFor(model => model.GoodsReceipt.PlantID, ViewBag.PlantID as IEnumerable<SelectListItem>, "--Select--", htmlAttributes: new { @class = "form-control" }) } @Html.ValidationMessageFor(model => model.GoodsReceipt.PlantID, "", new { @class = "text-danger" }) </div> </div> ===== _GoodsReceiptPOSearch <div class="row"> <div class="control-label col-xs-12 col-sm-3 col-md-3 col-lg-3"> @Html.LabelFor(model => model.GoodsReceipt.VendorID) </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> @Html.EditorFor(model => model.GoodsReceiptItems.POVendor, new { htmlAttributes = new { @class = "form-control", @readonly = "true" } }) </div> <div class="control-label col-xs-12 col-sm-3 col-md-3 col-lg-3"> @Html.LabelForRequired(model => model.GoodsReceipt.PlantID) </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> @Html.DropDownListFor(model => model.GoodsReceiptItems.POPPlantID, ViewBag.POSPlantID as IEnumerable<SelectListItem>, htmlAttributes: new { @class = "form-control" }) </div> </div>

=======================================

Now header mention

_GoodsReceiptHeader

<script type="text/javascript">

    $(document).ready(function () {

        // Function to handle change in PlantID dropdown in the first tab

        $('#GoodsReceipt_PlantID').change(function () {

            var selectedPlantID = $(this).val();

            // Set the selected value in the PlantID dropdown in the second tab

            $('#GoodsReceiptItems_POPPlantID').val(selectedPlantID);

        });

    });

</script>