Question

我希望我的文本框和textarea基于所选值导入，例如，在我的选择框中，有选项subject A和subject B，当我选择subject B时，文本框将自动插入subject B，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>

Answer 1

这是一个计划：

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

（2）当你检测到变化时，你需要获得所选的值（也可以在上面的链接中找到它）并设置textarea的值 - 这很简单：$（“＃textarea_1”）。val （selectedValue）;

我希望你有这个想法。如果您还有其他需要，请告诉我。

Answer 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());
        }
    });
});

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

2 个答案: