亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在有多個下拉列表的文本區域中插入選擇值并選擇具有相同類名的值

如何在有多個下拉列表的文本區域中插入選擇值并選擇具有相同類名的值

千萬里不及你 2023-09-28 15:53:49
我有多個具有相同類名的 div,我想在屬于我單擊的選擇所在的 div 的文本區域中插入來自 select 的值。我希望它能夠與超過 10 個 div 一起使用,這就是為什么我為每個 div 制作了不同的類或 ID//Insert value form dropdown in textarea$(document).ready(function(){    $(".js-example-basic").change(function () {            $(".textArea").val(this.value);     }).change();});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="selectValue">  <select name="selectProgram[]" class="js-example-basic">    <option value="">Choose tour</option>    <option value="Tour1">Tour 1</option>    <option value="Tour2">Tour 2</option>    <option value="Tour3">Tour 3</option>  </select>  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea></div><div class="selectValue">  <select name="selectProgram[]" class="js-example-basic">    <option value="">Choose tour</option>    <option value="Tour1">Tour 1</option>    <option value="Tour2">Tour 2</option>    <option value="Tour3">Tour 3</option>  </select>  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea></div>擺弄上面的代碼
查看完整描述

1 回答

?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

發生這種情況是因為 textarea 類相同。


你快到了。使用thiswithnext在文本區域上獲得所需的結果。


//Insert value form dropdown in textarea

$(document).ready(function(){

    $(".js-example-basic").change(function () {

       $(this).next(".textArea").val(this.value);

     }).change();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>

  <select name="selectProgram[]" class="js-example-basic">

    <option value="">Choose tour</option>

    <option value="Tour1">Tour 1</option>

    <option value="Tour2">Tour 2</option>

    <option value="Tour3">Tour 3</option>

  </select>

  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea>

</div>

<div>

  <select name="selectProgram[]" class="js-example-basic">

    <option value="">Choose tour</option>

    <option value="Tour1">Tour 1</option>

    <option value="Tour2">Tour 2</option>

    <option value="Tour3">Tour 3</option>

  </select>

  <textarea name="tourText[]" class="form-control textArea" placeholder="Tour description"></textarea>

</div>


查看完整回答
反對 回復 2023-09-28
  • 1 回答
  • 0 關注
  • 116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號