Question

我面临一个小问题。这是我的代码（一个简单的表格）：

<form id="form-mission" method="post" action="mission.php">
    <ul>
    <li class="except">
    <select name="membre">
        <option value=0> Lucy </option>
        <option value=1> John </option>
        <option value=3> Peter </option></select>
    </li>

    <!--Content-->
    <li><textarea name="texte" id="text_area" ></textarea></li>

    <!-- Submit -->
    <li class="except"><input type="submit" value="Submit" /></li>
    </ul>

</form>

我想根据选择的名称但在提交表单之前设置textarea文本。事实上，当选项被更改时，我希望textarea的内容也发生了变化。

你能帮帮我吗？谢谢！

Answer 1

你的jquery

$('select[name="membre"]').on('change',function(){
    alert($('select option:selected').text());
    var get=$('select option:selected').text();
    $('#text_area').val(get);
});

DEMO

或者您可以根据ID为您的下拉列表和触发事件添加ID 所以你的下拉就像这样

<select name="membre" id="ddlMember">
        <option value=0> Lucy </option>
        <option value=1> John </option>
        <option value=3> Peter </option></select>

你的jquery将是

$('#ddlMember').on('change',function(){
    var get=$('select option:selected').text();
    document.getElementById('text_area').value=get;
});

Answer 2

您可以使用以下js代码

$('.test').change(function(){

$('#text_area').val($(".test option:selected").text());

});

Demo

Answer 3

$('[name="membre"]').on('change', function(){
    $('[name="texte"]').val($(this).find(":selected").text());
})

Answer 4

试试这个：

$(document).ready(function(){
  $('select[name="membre"]').change(function(){
      var text = $(this).find('option:selected').text();
      $('#text_area').html(text );
  });
});

根据所选选项更改输入内容

4 个答案: