javascript - 在组合框中选择项目时将数据放入文本框中

Question

我有一个名称和 ID 为“device”的组合框。当从组合框中选择设备时，例如“iPhone 1st Gen”，我想要一个名称和 ID 为“处理器”的文本字段来填充处理器名称，例如“降频 412Mhz”。

我该怎么做？

我可以使用 HTML、PHP 和 Javascript。

Answer 1

您可以使用 Ajax 来完成此操作。最简单的方法是使用 jQuery 发出 AJAX 请求。下面是一个例子:

当组合框上发生“更改”事件时调用 JavaScript 函数:

<select id="device" onchange="changeDevice(this.id);">[your options]</select>

在 JavaScript 方法中发出 ajax 请求:

function changeDevice(deviceID){    
$.ajax({
    type:'post',
    url:'[url of your php file]',
    dataType:'text',
    data:{device_id:deviceID},
    success:function(response){
        //assign the text response to your input text
        $('#processor').val(response);
    }
});}