assigning selected="selected" to dynamic option list
- by leemjac
In an "edit article" page i have a select list which displays author first and last name, as well as authorId as the value. As well as the article context and headline and so on (fetched with a different method) - though this method also holds the authorId of the specific article.
I need to have the Author of the Article selected in the option list, instead of it defaulting to the first option in the select list.
what i have:
echo'';
//loop through author names in option list $authors_name
foreach($authors_name as $nameRow){
echo'<option class="authorId" value = "' . $nameRow['AuthorID'] . '">'. $nameRow['FirstName'].'
'.$nameRow['LastName'] .'';
}
echo'</select>';
and the jquery:
var currID = ('#selectAuthor').val();
if(('.authorId').val() == currID){
$('.authorId').addClass('new_class')
$('.new_class').prop('selected',true);
}
OR
var currID = ('#selectAuthor').val();
if($("select option[value=currID]").attr('selected','selected'));
Any help would be greatly appreciated, I hope what I am trying to do is clear.
Thanks in advance
I have simplified it with just regular input and checked it in jsfiddle.net
here is the HTML
';
<option value = "2">Name val 2</option>
<option value = "5">Name val 5</option>
<option value = "1">Name val 1</option>
and here is the jquery
var currID = $('#selectAuthor').val();
if($("select option[value='+currID+']").prop('selected',true));?
and even then it doesn't apply selected="selected" to option with value="1"
