Set default value to dropdown if null - jquery

Question

A very easy one but i find it very difficult.I have one drop down in which values generated at runtime.

  <select id="cmbCitySub" name="cmbCitySub" multiple="multiple">
         <asp:Literal ID="litCitySub" runat="server"></asp:Literal>
  </select>

I have used jquery multiselect plugin in drop down.

$('#cmbCitySub').multiselect({
    noneSelectedText: 'Select CitySub',
    selectedList: 1,
    multiple: false
}).multiselectfilter();

My above drop down is optional i.e. if user doesnt select any value default 0 should be set . i have tried it in jquery BUT FAILED...!!

if ($('#cmbCitySub').val() == null) 
     {
     $('#cmbCitySub').val('0');
     }
var sCitySub = $('#cmbCitySub').val();
alert(sCitySub);

Rab Khan · Accepted Answer · 2012-08-30 11:02:47Z

1

if(document.getElementById('cmbCitySub').selectedIndex == -1)
var sCitySub = 0;

edited Aug 30, 2012 at 11:02

answered Aug 30, 2012 at 10:47

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

G . R · Accepted Answer · 2012-08-30 10:52:07Z

1

Try the following code.

  if($('#cmbCitySub option').length == 0)
      {
        $("#cmbCitySub").html("<option value='0'>No Value</option>");
        $("#cmbCitySub").val(0);
        alert($("#cmbCitySub").val());
      }

answered Aug 30, 2012 at 10:52

G . R

5411 gold badge6 silver badges12 bronze badges

1 Comment

Shaggy Over a year ago

Doent Work in alert null is printing

G . R · Accepted Answer · 2012-08-30 11:12:49Z

0

Check the value of DropDown in doccument load of your page like this.
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
     $(document).ready(function () {
        alert('No of Options Present in the Dropdown :' + $('#cmbCitySub option').length);
        if ($('#cmbCitySub option').length == 0) {
            $("#cmbCitySub").html("<option value='0'>No Value</option>");  
            $("#cmbCitySub").val(0);  
            alert('Current Value:' + $("#cmbCitySub").val());
        }
    });

</script>

answered Aug 30, 2012 at 11:12

G . R

5411 gold badge6 silver badges12 bronze badges

Comments

jonsca · Accepted Answer · 2012-08-30 17:03:49Z

0

Since no value has been given for the default value 'Select Citysub', the value field will be empty

So, try a check like this:

if($.trim($('#cmbCitySub').val()) == '')
{
$('#cmbCitySub').val('0');
}

edited Aug 30, 2012 at 17:03

jonsca

10.5k26 gold badges56 silver badges63 bronze badges

answered Aug 30, 2012 at 10:59

Dhanasekar Murugesan

3,2591 gold badge21 silver badges23 bronze badges

1 Comment

Shaggy Over a year ago

inside alert box [Object] [object]

Collectives™ on Stack Overflow

Set default value to dropdown if null - jquery

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related