2015-12-30 3 views
0

У меня есть выпадающий списокКак отобразить выбранное значение в списке с помощью JQuery

<div class="col-lg-8"> 
    <select class="form-control" id="question_type" name="agreement[question_type]"> 
     <option value="">Select Type</option> 
     <option value="ss">Single select (checkbox)</option> 
     <option value="ms">Multi option (radio)</option> 
    </select> 
</div> 

После отправки формы я поместил эти ДАННЫЕ в таблице,

<tr data-view-key="<?php echo $jagr_id; ?>"> 
    <td class="question_type"> 
    <?php 
    if ($jagr_question_type == 'ss') { 
     echo 'Single select (checkbox)'; 
    } else if ($jagr_question_type == 'ms') { 
     echo 'Multi option (radio)'; 
    } 
    ?> 
    </td> 
    <td><a href="#<?php echo $jagr_id; ?>" name="edit_agreement" ><span class="glyphicon glyphicon-edit" title="Edit"></span></a>&nbsp;&nbsp; <a href="#<?php echo $jagr_id; ?>" name="delete_agreement" ><span class="glyphicon glyphicon-trash" title="Delete"></span></a></td> 
</tr> 

и редактирование нажмите кнопку, я хочу отобразить выбранный элемент в выпадающем списке. используется следующий код для редактирования нажмите

$(document).on("click", "a[name = 'edit_agreement']", function(event) 
{ 
    event.preventDefault(); 
    var jagr_id = $(this).attr("href").substring(1); 
    var parent = $(this).parents("[data-view-key='"+jagr_id+"']"); 
    var question_type = parent.find("td.question_type").text(); 
    $("#hdn_jagr_id").val(jagr_id); 
    $("#question_type option:selected").text(question_type);  
}); 

с помощью $("#question_type option:selected").text(question_type); я может отображать текст в раскрывающемся списке, но снова отправить форму значение не отвечал, Теперь HTML часть изменилась, как это (повторение го eselected пункта)

<div class="col-lg-8"> 
    <select class="form-control" id="question_type" name="agreement[question_type]"> 
     <option value>Single select (checkbox)//selected item</option> 
     <option value="ss">Single select (checkbox)</option> 
     <option value="ms">Multi option (radio)</option> 
    </select> 
</div> 
+0

@Guruprasad question_type не является идентификатор, получает данные из таблицы, используя ("td.question_type") – Ann

ответ

1

Я действительно не знаю, что question_type должно быть .. это текст опциона или стоимости опциона .. во всех отношениях, вам нужно

.prop('selected' , true); 

если question_type это значение опции

$("#question_type option[value='"+question_type+"']").prop('selected' , true); 

если question_type является текст опции вы можете использовать .filter();

$("#question_type option").filter(function(){ 
    return $(this).text().trim() == question_type; 
}).prop('selected' , true); 

Working Demo

+0

уаг question_type = parent.find ("td.question_type"). Текст(); console.log (question_type); // output-Single select (checkbox) (выбранный элемент) – Ann

+0

'question_type' - текст – Ann

+0

@Ann Ok Ann Я обновил свой ответ, если текст и простая демонстрация также –