2015-04-14 37 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> 

您的JS:

$(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

我认为微小的修改必须在您的代码中完成..您需要添加更改函数的选择..不是只要Dom加载.. –

+0

@GuruprasadRao感谢您的反馈,我已经改变了我的代码,以迎合这一点。 –

+0

随时buddy .. :) –

相关问题