在组合框中选择项目时，将数据放入文本框中 - Put data into textboxes when item is selected in combobox

Put data into textboxes when item is selected in combobox

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

我该怎么做？

我可以使用HTML、PHP和Javascript。

您可以使用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);
    }
});}

您可以使用普通的旧Javascript 来修复此问题

<select name="combo">
<option value="dog">Dog</option>
<option value="cat">Cat</option>
<option value="Duck">Duck</option>
<option value="Rabbit">Rabbit</option>
</select>
<input type="text" name="picked" id="picked">
<script>
document.getElementsByName('combo').item(0).onchange = function(){
     document.getElementsByName('picked').item(0).value = document.getElementsByName('combo').item(0).value;
}
</script>