Текст выберите Меню внутри диапазона

Question

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

<select id="select_domain"> 
    <option value="1">Jon Doe</option> 
    <option value="2">Max Mustermann</option> 
    </select> 

и пяди

<span id="domain"></span> 

Внутри этого диапазона должен быть текст выбранного варианта моего выбора меню.

Как я могу сделать это с помощью jQuery?

Answer 1

Может быть, это то, что вы ожидали:

$("#select_domain").on("change", function() { 
 
    $("#domain").text($("#select_domain option:selected").text()); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="select_domain"> 
 
    <option value="1">Jon Doe</option> 
 
    <option value="2">Max Mustermann</option> 
 
</select> 
 
<span id="domain"></span>

Answer 2

Пожалуйста, проверьте этот ответ,

$(function() { 
    $('#select_domain').change(function(){ 
     $("#domain").text($("#select_domain option:selected").text()); 
    }); 
}); 

Answer 3

Вы можете использовать, чтобы получить текст:

$("#select_domain option:selected").text(); 

и получить значение:

$("#select_domain").val() 

JSFiddle: http://jsfiddle.net/ghorg12110/eqd22pca/1/

Answer 4

«когда» это своего рода важно, но если вы хотите, чтобы ваш интервал обновления, когда вы выбираете новое значение, использовать что-то вроде этого:

$("#select_domain").change(function() { 
     $('#domain').html($('select_domain').val()); 
    }); 

Если вы хотите значение по умолчанию, чтобы показать в пролете на нагрузке, вы можете сделать это с вашей стороны сервера код или добавить эту строку в родовую функцию:

$('#domain').html($('select_domain').val()); 

Answer 5

Вот объясненный пример, а также дополнительный эффект запуска события при загрузке страницы.

/*Binds a change event to your select*/ 
 
$('#select_domain').change(function() { 
 
    /*sets the text to the selected option of THIS select box*/ 
 
    set_text($('option:selected', this).text()); 
 
}); 
 
/*Creates a function to set the text of domain 
 
This function can be used elsewhere as well*/ 
 
function set_text(text){ 
 
    $('#domain').text(text); 
 
} 
 

 
/*This triggers the function and sets the text 
 
to the currently selected text on page load*/ 
 
set_text($('#select_domain option:selected').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select_domain"> 
 
    <option value="1">Jon Doe</option> 
 
    <option value="2">Max Mustermann</option> 
 
</select> 
 
<span id="domain"></span>