javascript - 交换文本标签以选择值

Question

我有一个标题为“Data sprzedaży”标签的盒子:

<div class="formField">
        <label for="invoice_invoice_sale_date">Data sprzedaży</label>
                <?php draw_date_selects('invoice_sale_date', date('d'), date('m'), date('Y'))?>

                <div class="clearer"></div>
</div>

我想在下拉菜单中放置 3 个选项。
如果我选择 3 个选项之一，它将替换默认标签。

Answer 1

因此，您需要做的第一件事是将选项值传递给变量，从那里您可以用选项值替换标签的文本:

$(function() {
    $('select').on('change', function() {
	labelText = $(this).val(); // Get value of selected option
        $('label').text(labelText); // Pass selection option value into label
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formField">
    <label for="invoice_invoice_sale_date">Data sprzedaży</label>
    <?php draw_date_selects('invoice_sale_date', date('d'), date('m'), date('Y'))?>

    <div class="clearer"></div>
</div>

<select>
  <option value="" disabled selected>Select an option</option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>