change value in dropdown menu sharepoint

Question

I have a dropdown box name Status added in sharepoint page which have option (choose.. , In progress, Closed). Where Choose.. is bydefault value. When I open the page the value Choose.. should get change automatically to In progress.

Like if dropdown status == Choose value should get change to In progress while page load. Can someone provide me javascript to perform this action.

What I have tried:

<script src="/jquery-1.10.2.min.js"></script> 
<script type='text/javascript'> 
$(document).ready(function(){ 
    if($('#drStatus').find("option:selected").val() == "Choose..") { 
        $('#drStatus').val("In Progress"); 
    } 
}); 
</script> 

Answer 1

$(document).ready(function(){
if($("select[title='_title of column_'] option:selected").val() == "Choose.."){
$("select[title='_title of column_']").val("In progress...");
}
});

not tested, but something like that should do it

Answer 2

Try this:

$(document).ready(function(){
if($("select[title='Status']").find("option:selected").val() == "Choose..")
{
    $("select[title='Status']").val("InProgress");
}
});

Answer 3

If you have implemented a custom web part then why not set your drop-down value through your C#/VB.net code?

I will give you an example of a C# code on how you can change the default value in a drop-down list on page load event. In below code "status" is your drop-down list name.

protected void Page_Load(object sender, EventArgs e)
{
    string selectedValue = status.SelectedValue.ToString();
    if(selectedValue == "Choose")
    {
       //This is very simple but will result in an error if the dropdown already has a 
       status.SelectedValue == "In Progress"

       or
       //add any of below code which should not result in an error in case there already is a selected item. 

       //add error checking, just an example, FindByValue may return null
       status.Items.FindByValue("Yourvalue").Selected = true;

       or
       //add error checking, just an example, FindByText may return null
       status.Items.FindByText("In Progress").Selected = true;
    }
}

Answer 4

If an asp.net control is used inside some content area in a webpart, I guess while rendering ID will get changed. So the proposed solution can be, Give your dropdown a unique class name

Assumed mark-up is below

<asp:DropDownList ID="drStatus" runat="server" CssClass="UniqueClassName">
    <asp:ListItem Text="Choose" Value="-1"></asp:ListItem>
    <asp:ListItem Text="In Progess" Value="1"></asp:ListItem>
    <asp:ListItem Text="Closed" Value="2"></asp:ListItem>
</asp:DropDownList>

jQuery Code

//set which text you want find
var textToFind = 'In Progress';

$(".UniqueClassName > option").each(function() {
    if (this.text === textToFind) {
        $(this).prop('selected', 'selected');
    }
});

Answer 5

I was stuck on this too. You can do something like this:

$('select[title="Origin State"] option:contains("GA")').prop({ selected: true });

Be wary of the contains you may need eq depending on the content of your list. (GAP contains GA). I only posted with the contains because I have it verified in extant code.