交换文本标签以选择值

Exchange text label to select value

本文关键字：选择 文本标签 交换      更新时间：2023-09-26

我有一个标签为"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个选项中的一个，它将替换默认的标签。

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

$(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>

相关文章：