Jquery将所选值插入文本框和文本区域答案

【问题标题】：Jquery insert selected value to textbox and textareaJquery将所选值插入文本框和文本区域
【发布时间】：2014-01-22 16:19:09
【问题描述】：

我希望我的文本框和文本区域根据选定的值导入，例如，在我的选择框中，有subject A和subject B选项，当我选择subject B时，文本框会自动插入@987654324 @ 和 textarea 将导入存储在数据库中的预设消息。

目前我已通过所选选项成功导入消息，如何在单击按钮时也将主题插入文本框？

JQuery：

$(document).ready(function() {
    $("#copyBtn").click(function(){
        $("#selmessage").val($("#selectBox").val());
    });
});

PHP：

<input type="Text" name="seltitle" value="<?=$the_title;?>">&nbsp;&nbsp;
        <select id="selectBox" name="seltitle2">
            <option selected></option>
            <?php
            $q = "SELECT * FROM template ORDER BY preset_subj ASC";
            $result = $mysqli->query($q) or die($mysqli->error);

            while($row = $result->fetch_array(MYSQLI_BOTH)){
            ?>
            <option value="<?php echo $row['message'] ?>"><?php echo $row['preset_subj']; } ?></option>
        </select>
        &nbsp;&nbsp;<input id="copyBtn" type="button" value="import to message" />

<textarea name="selmessage" id="selmessage"></textarea>

【问题讨论】：

标签： php jquery

【解决方案1】：

这是一个计划：

(1) 你认为你需要检测“点击”事件，但在选择框的“更改”事件中可能要好得多！这是一篇很好的文章如何处理表单元素的“更改”事件（另见 cmets - 非常有用）：http://jivebay.com/handling-checkboxes-radio-buttons-and-select-options-in-jquery/

(2) 当您检测到更改时，您需要获取选定的值（也可以在上面的链接中找到）并设置 textarea 的值 - 这很简单：$("#textarea_1").val (选定值);

我希望你已经明白了。如果您还需要什么，请告诉我。

【讨论】：

【解决方案2】：

$(document).ready(function() {
    $("#copyBtn").click(function(event){
        event.preventDefault();
        $("#selmessage").val($("#selectBox option:selected").val());
    });
});

或者你也可以在这里应用过滤器

$(document).ready(function(event) {
    $("#copyBtn").click(function(){
        event.preventDefault();
        selected = $("#selectBox option:selected").val();
        if(selected != ''){
            $("#selmessage").val($("#selectBox option:selected").val());
        }
    });
});

【讨论】：