asp.net core jquery to re-enable ddl ignore ddl source

Marius Vasile

I want to give user option to either select a value from ddl or to enter one in the textbox. However, since both are sources for binded table field, both shouldn't be active simultaneous so I use a jquery to disable the texbox if a value is selected in ddl or to re-enable if none. But when I try to do the same for the ddl, re-enable it lose the source for the ddl. How it should be done?

class="row no-gutters" onchange="funcLocation()">
class="col-md-2">
class="form-control text-white" style="background-color:mediumorchid;">Location

@if (Model.RALocation == true)

{

class="col-md-3">

"LocS" class="form-control border-danger" asp-items="@Model.SelectLocation" asp-for="RiskAssessmentMain.Location">

"">--Select Location--

class="text-danger ml-2 mr-2">OR

}

class="col-md-3">

"LocT" class="form-control" asp-for="RiskAssessmentMain.Location" placeholder="Enter New Location" />

jquery

function funcLocation() {
var data1 = $("#LocS :selected").text();
var data2 = $("#LocT").val();
if (data2.length > 0) {
$("#LocS").empty();
$("#LocS").attr("disabled", true);
}
else {
$("#LocS").attr("disabled", false);
$("#LocS").append("--Select Location--");
}
if (data1 != "--Select Location--") {
$("#LocT").empty();
$("#LocT").attr("disabled", true);
}
else {
$("#LocT").attr("disabled", false);
}
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
remove this line
$("#LocS").empty();
+1
Marius Vasile5y ago
Thank you Sachin, it is working fine now
+1
Marius Vasile5y ago
single ddl
+1
Sachin Singh5y ago
is it a single dropdown or cascaded?
+1

jquery

function funcLocation() {
var data1 = $("#LocS :selected").text();
var data2 = $("#LocT").val();
if (data2.length > 0) {
$("#LocS").empty();
$("#LocS").attr("disabled", true);
}
else {
$("#LocS").attr("disabled", false);
$("#LocS").append("--Select Location--");
}
if (data1 != "--Select Location--") {
$("#LocT").empty();
$("#LocT").attr("disabled", true);
}
else {
$("#LocT").attr("disabled", false);
}
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
remove this line
$("#LocS").empty();
+1
Marius Vasile5y ago
Thank you Sachin, it is working fine now
+1
Marius Vasile5y ago
single ddl
+1
Sachin Singh5y ago
is it a single dropdown or cascaded?
+1