Selectbox OnChange 将此文本复制到 div答案

【问题标题】：Selectbox OnChange copy this text to divSelectbox OnChange 将此文本复制到 div
【发布时间】：2015-07-25 20:16:00
【问题描述】：

如何将 div 文本更改为 Selectbox 选项选定的文本...

我有一个包含 100 多个值的选择框

场景： 一旦我从选择框中选择一个选项，必须将相同的选项值（文本）替换为具有 ccy 类 <div class="ccy">blablabla</div> 类的相关 div 文本...

例如： 我有一个包含欧元、美元、日元、印度卢比等的选择框...如果我从选择框中选择 EUR，则相关的 div 具有 类>ccy <div class='ccy'>currency 1</div><div class='ccy'>currency 2</div> 应该改为<div class='ccy'>EUR</div><div class='ccy'>EUR</div> 等等...

FIDDLE

HTML

<select id="currencty-selectbox">
    <option value="1">EUR</option>
    <option value="2">USD</option>
    <option value="3">JPY</option>
    <option value="4">CAD</option>
    <option value="5">MXN</option>
    <option value="6">CZK</option>
</select>


<div class='ccy'>currency 1</div>
<div class='ccy'>currency 2</div>

jQuery

$('#currencty-selectbox').on('change', function() {
    alert( $(this).find(":selected").text() );
});

【问题讨论】：

标签： jquery jquery-clone

【解决方案1】：

$('#currencty-selectbox').on('change', function () {
    $('.ccy').text($(this).find(":selected").text());
    // ^^^^^^
}).trigger('change');

演示：https://jsfiddle.net/tusharj/ts0L5xej/1/

【讨论】：

【解决方案2】：

如果你有相同的订单试试这个

这也适用于所有其他货币

$('#currencty-selectbox').on('change', function() {
selected = $(this).find(":selected");
$("div[class^=c]").eq(selected.index()).text(selected.text());
}).trigger("change");

演示：

$('#currencty-selectbox').on('change', function() {
  selected = $(this).find(":selected");
   $("div[class^=c]").eq(selected.index()).text(selected.text());
}).trigger("change");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="currencty-selectbox">
    <option value="1">EUR</option>
    <option value="2">USD</option>
    <option value="3">JPY</option>
    <option value="4">CAD</option>
    <option value="5">MXN</option>
    <option value="6">CZK</option>
</select>


<div class='ccy'>currency 1</div>
<div class='ccy'>currency 2</div>

【讨论】：

【解决方案3】：

这里是解决方案：https://jsfiddle.net/ts0L5xej/ 您可以通过在 change 事件处理程序中添加以下内容来做到这一点。

   $('.ccy').text($(this).find(":selected").text());

【讨论】：

【解决方案4】：

只需trigger change 事件并放置文本。

$('#currencty-selectbox').on('change', function() {
  $('.ccy').text( $(this).find(":selected").text() );
});
$('#currencty-selectbox').trigger('change');

Working Demo

【讨论】：

【解决方案5】：

要更改 te div 中的值，请使用您使用的相同 text() 方法，但使用类似 $('.ccy').text('some new text') 的值

检查此FIDDLE 更新代码。

【讨论】：

【解决方案6】：

 $(".ccy").text($(this).find(":selected").text());

jsfiddle

【讨论】：