Question

我有一个名称和ID为＆＃34;设备＆＃34;的组合框。当从组合框中选择装置时，例如，＆＃34; iPhone第一代＆＃34;，我想要一个名称和ID为＆＃34;处理器＆＃34;的文本字段填写处理器名称，例如＆＃34;降频412Mhz＆＃34;。

我该怎么做？

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

Answer 2

您可以使用简单的旧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>

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

2 个答案: