How to get the value of or Parse HTML dropdown selected:option text as python variable in views.py in Django?

I have a 3 way dropdown list generated from 3 different tables linked via foreign keys.

model.py is a follows

####################################################################################
class State(models.Model):
    state_name = models.CharField(max_length=50, unique=True)
    state_id = models.PositiveIntegerField(unique=True, validators=[MinValueValidator(1), MaxValueValidator(100)])
    
    class Meta:
        db_table = 'State_Names'

    def __str__(self):
        return self.state_name
####################################################################################
class District(models.Model):
    state_name = models.ForeignKey(State, on_delete=models.CASCADE)
    state_id = models.PositiveIntegerField(validators=[MinValueValidator(1), MaxValueValidator(100)])
    district_name = models.CharField(max_length=50, unique=True)
    district_id = models.PositiveIntegerField(unique=True, validators=[MinValueValidator(1), MaxValueValidator(1000)])

    class Meta:
        db_table = 'District_Names'

    def __str__(self):
        return self.district_name
####################################################################################
class Block(models.Model):
    state_name = models.CharField(max_length=50)
    state_id = models.PositiveIntegerField(validators=[MinValueValidator(1), MaxValueValidator(100)])
    district_name = models.ForeignKey(District, on_delete=models.CASCADE)
    district_id = models.PositiveIntegerField(validators=[MinValueValidator(1), MaxValueValidator(1000)])
    block_name = models.CharField(max_length=50)
    block_id = models.PositiveIntegerField(unique=True, validators=[MinValueValidator(1), MaxValueValidator(8000)])
    
    class Meta:
        db_table = 'Block_Names'

    def __str__(self):
        return self.block_name

views.py is as

def get_state_district_and_block_string(request):

    if request.method == "POST":
        state_name_is=request.POST.get('state_dropdown')
        print("state_name_is", state_name_is)
        district_name_is=request.POST.get('district_dropdown')        
        block_name_is=request.POST.get('block_dropdown')

    return render(request, 'index.html')

Dropdown.html is as

<div class="form-group">
    <label for="state_dropdown">Select State</label>
    <select class="form-control" id="state_dropdown" name="state_dropdown" aria-label="...">
        <option selected disabled="true" class="col-md-12 school-options-dropdown text-center"> --- Select State --- </option>
        
    </select>
</div>

<div class="form-group">
    <label for="district_dropdown">Select District</label>
    <select class="form-control" id="district_dropdown" name="district_dropdown" aria-label="...">
        <option selected disabled="true" class="col-md-12 school-options-dropdown text-center"> --- Select District --- </option>
        
    </select>
</div>

<div class="form-group">
    <label for="block_dropdown">Select Block</label>
    <select class="form-control" id="block_dropdown" name="block_dropdown" aria-label="...">
        <option selected disabled="true" class="col-md-12 school-options-dropdown text-center"> --- Select Block --- </option>
        
    </select>
</div>

From this Dropdown.html, the value which is being fetched by views.py out of this eg: value=""> is 1st set of curly brackets

but I am interested in 2nd one containing the string of interest because it returns same value of state by request.POST.get method in 1st set of curly brackets

The Jquery is as follows for getting the related option (PS: dropdowns is only working fine for any 2 sets of variables, not for the last option )

$(document).ready(function(){
    var states = $('#state_dropdown');
        districts = $('#district_dropdown');
        
        districtOptions = districts.find('option');

        states.on('change',function(){
        districts.html(districtOptions.filter('[value="'+this.value+'"]'));
        }).trigger('change');

        let  = document.getElementById("district_dropdown").textContent;

        console.log("text", text)
      
      });
  

  $(document).ready(function(){
     var districts = $('#district_dropdown');

        blocks = $('#block_dropdown');
        
        blockOptions = blocks.find('option');

        districts.on('change',function(){
        blocks.html(blockOptions.filter('[value="'+this.value+'"]'));
        }).trigger('change');
      
      });  

How to get the text of the selected option present in 2nd set of curly brackets from the dropdown as a python variable in views.py.

source https://stackoverflow.com/questions/72595142/how-to-get-the-value-of-or-parse-html-dropdown-selectedoption-text-as-python-va