Question

我想从下拉菜单栏中选择多个元素并在下一个文本框中显示它而不提交表单？

假设我有像＃34;汽车，狗，老鼠，自行车，电视，冰箱等等的元素＆＃34;显示在下拉菜单中。我想选择汽车，自行车，电视，冰箱并在下一个文本区域中获取数据而无需转到新页面，即我想显示用户选择的项目，但仅限于下拉框。

Answer 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文件

Answer 2

欢迎使用StackOverflow！正如评论中所述，为了更好的答案，请尝试提供已有的内容，因为有多种方法可以回答此类问题。

话虽如此，这应该有所帮助：

＆＃13;

$('.dropdown').on('change', function() {
  var value = $(".dropdown").val();
  $('textarea').val(value); //insert string into textarea
});

＆＃13;

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

＆＃13;

这是使用jQuery，所以请记住包含jQuery文件。

如何从PHP的下拉菜单中获取数据？

2 个答案: