iT邦幫忙

0

我想把下拉選單內容用JQuery叫出,放到另一個div裡面

在網頁中選了text1 or text2後

<div class="btn-group" role="group" style="padding-left:250px">
    <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary          dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" style           ="background-color: aliceblue; color: black;">
    下拉選單
    </button>
    <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
    <li><a class="dropdown-item" href="#">text1</a></li>
    <li><a class="dropdown-item" href="#">text2</a></li>
    </ul>
</div>

然後放到div內

<div class="col" style="font-size: large;line-height: 3;">
    **text1**
</div>

我想用jQuery做,但試不出來

<script>
    $(document).ready(function){
        $(' ').click(function () {
            
        });
    };
</script>

我是想用JQuery,如有別的寫法也可以
希望有高手指點,萬分感激

你的意思是,當選擇了下拉選單的text1 ,div內則馬上顯示text1??

2 個回答

2
japhenchen
iT邦大師 1 級 ‧ 2021-07-14 08:44:27
最佳解答

https://jsfiddle.net/rafu1d4k/

HTML

<select id="selectA">
<option>AAAAA</option>
<option>BBBBB</option>
<option>CCCCC</option>
<option>DDDDD</option>
<option>DDDDD</option>
</select>

<div id="resultDIV"></div>

javascript + JQ 3.4.1

$().ready(function(){
	$(document).on("change","#selectA",function(){
  	$("#resultDIV").html(this.value);
  });
})

select選項的內容是.value

2

  <ul  class="dropdown-menu" aria-labelledby="btnGroupDrop1">
    <li><a class="dropdown-item link" href="#">text1</a></li>
    <li><a class="dropdown-item link" href="#">text2</a></li>
    </ul>
  
  <div id='output'>
    
  </div>



<script>
$('.link').on("click",function (){
var selected = $(this).text();

$('#output').html(selected);

});

</script>
ashes iT邦新手 5 級 ‧ 2021-07-17 18:23:04 檢舉

謝謝你,這方法沒成功
可能我不會用,有試了其他方法了

我要發表回答

立即登入回答