Question

我有5个下拉菜单，当用户为每个下拉菜单选择选项时，我想在每个下拉菜单的前面显示所选项目。

我知道如何显示一个下拉菜单，但是当我有多个下拉菜单时，我做不到。

Answer 1

尝试

HTML：

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<select id='addl'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select id='add2'>
 <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>
<select id='add3'>
<option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>

<p id="a1"> </p>
<p id="a2"> </p>
<p id="a3"> </p>

CSS：

p{
  display: inline;
}

JS：

 $('#addl').on('change',function(){
$("#a1").append().html("<p>" + $("#add1 option:selected").val() + "</p>");
})

$('#add2').on('change',function(){
$("#a2").append().html("<p>" + $("#add2 option:selected").val() + "</p>");

})

$('#add3').on('change',function(){
$("#a3").append().html("<p>" + $("#add3 option:selected").val() + "</p>");

})

jQuery-在下拉列表中显示所选选项

1 个答案: