JQuery для получения значения из раскрывающегося списка

Question

Мне нужно получить идентификатор и значение выбранных.

, что я имею в виду в следующем example.i только установить n.id в качестве опции value.i должны установить

<option value="' + n.id,n.names + '">' like that 


jobs.forEach(function (n) { 
      html += '<option value="' + n.id + '">' + n.names + '</option>'; 
      i++; 
     }); 


    html += '<option value="' + n.id ,n.names + '">' + n.names + '</option>'; 

приведенный выше код не correct.how может я прохожу как идентификатор и значение, запятая отдельно и получить, что значения отдельно

<tr> 
         <td width="200px">Jobs</td> 
         <td> 
          <select id="jobSel" class="longcombo"></select> 
         </td> 
        </tr> 

Answer 1

html += '<option value="' + n.id +","+n.names + '">' + n.names + '</option>'; 

Answer 2

Вы должны использовать текст() и Val(), как показано ниже:

html += '<option value="' + n.id + '"'>' + n.names + '</option>'; 

в JQuery, вы можете использовать,

$('#jobSel option:selected').val() to get value (n.id) 
$('#jobSel option:selected').text() to get the display name (n.names) 

Answer 3

Приведенный выше пример дает вам способ доступа, что присутствует в выбранной видимой величины.

Вы можете добавить переменные, как

Струнный MyString = selMulti + "" + yourIDValue

Надежда это служит

HTML

<select multiple='multiple' id="selMulti"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option>  
</select> 
<input type="button" id="go" value="Go!" /> 
<div style="margin-top: 10px;" id="result"></div> 

JavaScript

$("#go").click(function(){ 
    var selMulti = $("#selMulti option:selected").text(); 
    $("#result").text(selMulti); 
}); 

JS Fiddle

http://jsfiddle.net/2C523/12/