交换文本标签以选择值

时间:2016-08-08 19:35:01

标签: javascript php html

我有一个标题为“Datasprzedaż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个选项中的一个,它将替换默认标签。

1 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
$(function() {
    $('select').on('change', function() {
	labelText = $(this).val(); // Get value of selected option
        $('label').text(labelText); // Pass selection option value into label
    });
});
&#13;
<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>
&#13;
&#13;
&#13;