Всем привет. Помогите разобраться как правильно прописать значения, полученные с сервера. Значение photo_user я прописываю в цикле в атрибут value каждого создаваемого элемента option. Затем в функции select_answer достаю полученный url-адрес из выбранного элемента option списка select.
Только вот куда прописать полученные значения id_user? Можно конечно прописать их тоже в value вместе с url-ями, но потом придется их как-то разделять друг от друга. Так как я использую этот url, записанный в value элемента option, чтобы вставить его потом в элемент <img>. А если в value кроме url будет еще храниться id пользователя, следовательно перед тем как его вставлять в тег <img>, сначала нужно будет отделить url от id. Знаю, их можно разделить с помощью метода split(). Но может все таки есть какое-нибудь более рациональное решение?
function select_answer() {
var img = $('#url_pic').val();
if(img == '#') {
$('#pic').html('<img src="images/no_user_pic.png"></img>');
}
else {
$('#pic').html('<img src="' + img + '"</img>');
$('form p').css("display","block");
}
}
$(document).ready(function(){
$('form input:image').click(function() {
var drink = $('input[name=drink]:checked').val();
$.post('load_data.php', {drink: drink},
function(data){
if (data) {
var profilesCount = data.response.length;
var friends_help_box = '';
if(profilesCount) {
friends_help_box = '<form><select name="uid" id="url_pic"><option value="#" disabled selected>Выберите ответ</option>';
for (var i=0; i<profilesCount; i++) {
friends_help_box += '<option value="' + data[i].photo_user + '">' + data[i].first_name + ' ' + data[i].last_name + '</option>';
}
friends_help_box += '</select>';
friends_help_box += '<span style="padding-left: 5px;"><button onclick="select_answer(); return false;">Выбрать</button></span></form>';
$('#load_to').html(friends_help_box);
}
else {
$('#load_to').html('');
}
}
});
});
});