2015-04-14 2 views
-2

Я хочу выбрать несколько элементов из выпадающего меню и показать его в следующем текстовом поле без отправки формы?Как получить данные из выпадающего меню в PHP?

Предположим, у меня есть элементы, такие как «автомобиль, собака, крыса, велосипед, телевизор, холодильник и т. Д. И т. Д.» В раскрывающемся меню. Я хочу выбрать автомобиль, велосипед, телевизор, холодильник и получить данные в следующей текстовой области, не перейдя на новую страницу. Я хочу показать выбранные пользователем элементы, но только из раскрывающегося списка.

+1

Поделиться, что вы пытались –

+0

Я еще ничего не пытался. –

+2

SO - это не бесплатная служба кодирования, попробуйте сами и отредактируйте свой вопрос, чтобы включить вашу попытку. – Epodax

ответ

1

Смотрите, если это то, что вы хотите

<select id="select" multiple> 
    <option value="1">car</option> 
    <option value="2">dog</option> 
    <option value="3">rat</option> 
    <option value="4">bike</option> 
</select> 


<textarea id="txt1"></textarea> 

ваши ЯШ:

$(document).ready(function(){ 
$("#select") 
    .change(function() { 
    var str = ""; 
    $("select option:selected").each(function() { 
     str += $(this).text() + " "; 
    }); 
    $("#txt1").text(str); 
    }) 
    .change(); 
}); 

WORKING DEMO

Не забудьте включить файл jquery.js

0

Добро пожаловать в StackOverflow! Как указано в комментариях, для лучшего ответа попробуйте предоставить то, что у вас уже есть, поскольку есть несколько способов ответить на этот вопрос.

Сказав, что это должно помочь:

$('.dropdown').on('change', function() { 
 
    var value = $(".dropdown").val(); 
 
    $('textarea').val(value); //insert string into textarea 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="dropdown" multiple> 
 
    <option>Rock</option> 
 
    <option>Paper</option> 
 
    <option>Scissors</option> 
 
    <option>Lizard</option> 
 
    <option>Spock</option> 
 
</select> 
 
<textarea></textarea>

Это использование JQuery, так что не забудьте включить файл JQuery.

+0

Я думаю, что небольшая модификация должна быть выполнена в вашем коде .. u нужно добавить функцию изменения select .. не как только Dom загружает .. –

+0

@GuruprasadRao Спасибо за отзыв, я изменил свой код, чтобы удовлетворить это , –

+0

В любое время приятель .. :) –

Смежные вопросы