php - 如何使用 JQuery 设置文本 HTML 输入字段的值？

Question

有一个 text 类型的 HTML 元素，其名称为 fiche_tache_ref。在页面文件夹外部的 javascript 文件 (.js) 内，我想根据所选列表框的值设置其值:

function changerNatureRefTache(nature_tache_id) { // nature_tache_id is from a listbox

    var http_ajax = $('#http_ajax').val();
    var html = $.ajax({
    data: "nature_tache_id="+nature_tache_id ,
    type: "POST",
    url: http_ajax+"referentiel/AjaxTacheChangerNatureTache.php" ,  
    async: false
    }).responseText;

        // here I want to set the value of the field

}

AjaxTacheChangerNatureTache.php 的代码是:

<?php
    if (isset($_POST['nature_tache_id'])) {
        define("ROOT_PATH", "../../");
        require_once ROOT_PATH  . 'config.inc.php';
        require_once RP_MODELS  . 'nature_tache.class.php';
        $db     = new DbConn();
        $obj    = new nature_tache($db->getInstance());
        $ret    = $obj->recupererNatureTache($_POST['nature_tache_id']);
        $code   = $ret['nat_code'];
        echo $code;
    }
?>

那么如何使用JQuery设置字段的值呢？

Answer 1

使用val()函数

$('#idofinput').val("text you want in the field");

由于您使用的是名称，因此您可以执行以下操作

$('input[name=fiche_tache_ref]').val("text you want in the field");

由于名称不一定是唯一的，因此在使用名称作为选择器时要小心。我通常建议使用 id。