Как выбрать первый элемент в select'е?

Question

[Ilya Bobkov]

Почему может не устанавливается первый элемент в списке?
JQUERY:

$( "#org_form" ).selectmenu();
		$.getJSON( "get_orgform.php", function( data ) 
		{
			$.each( data, function( key, val ) 
			{
				$( "#org_form" ).append( $('<option value='+val.id+'>'+val.name+'</option>') );
			});	
		});
		
		$( "#org_form" ).focus();
		$( "#org_form :first").attr("selected", "selected");

PHP:

<?php

	$mysql_server 		= 'localhost';
	$mysql_login 		= 'root';
	$mysql_password 	= '';
	$mysql_database 	= 'kom';

	mysql_connect($mysql_server, $mysql_login, $mysql_password);
	mysql_select_db($mysql_database);
	
	$query = mysql_query( "SELECT * FROM orgform" );
	
	while( $row = mysql_fetch_array( $query, MYSQL_ASSOC ) )
	{
		$row['id']		=	(int)$row['id'];
		$row['name']	=	$row['name'];
		$row_set[] 		= 	$row;
	}

	echo json_encode($row_set);	//format the array into json data
?>

HTML:

<select id = "org_form" name = "форма организации" style = "width: 200" title = "форма организации"/>

Answer 1

[Сергей Мельников]

1. Уберите лишние пробелы.
2. Вы пытаетесь выбрать первый элемент до того, как он там появится, это делать надо в колбек ф-ции аякса

$("#org_form").selectmenu();
$.getJSON("get_orgform.php", function(data) {
  $.each(data, function(key, val) {
    $("#org_form").append($('<option value='+val.id+'>'+val.name+'</option>'));
  });
  $("#org_form").focus();
  $("#org_form:first").attr("selected", "selected");
});

<?php

$mysql_server = 'localhost';
$mysql_login = 'root';
$mysql_password = '';
$mysql_database = 'kom';

mysql_connect($mysql_server, $mysql_login, $mysql_password);
mysql_select_db($mysql_database);

$query = mysql_query("SELECT * FROM orgform");

while ($row = mysql_fetch_array( $query, MYSQL_ASSOC)) {
  $row['id'] = (int)$row['id'];
  $row['name'] = $row['name'];
  $row_set[] = $row;
}

echo json_encode($row_set); //format the array into json data

?>

Comments

[Ilya Bobkov]

добавил async: false, заработало

[Сергей Мельников]

Илья Бобков: асинхронный запрос - это неправильно, надо просто перенести выбор первого элемента списка внутрь калбека аякса

[Ilya Bobkov]

Сергей Мельников: как подскажите

Answer 2

[Антон Шаманов]

слитно пиши

$( "#org_form:first").attr("selected", "selected");

Comments

[Ilya Bobkov]

Всё равно, не пойму почему.

[Антон Шаманов]

Илья Бобков: $( "#org_form option:first" )

[Антон Шаманов]

Илья Бобков: api.jquery.com/category/selectors

[Ilya Bobkov]

Антон Шаманов: ноль, то-же самое

[Антон Шаманов]

Илья Бобков: только сейчас дошло - а зачем тебе вообще первый элемент если он и так по умолчанию выбирается?

[Ilya Bobkov]

Антон Шаманов: так в том-то и дело, что данные в список загружаются, а значение по умолчанию пустоё в списке.