在组合框中选择项目时,将数据放入文本框中
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>
相关文章:
- 用程序搜索JQuery数据表中的文本
- 如何在可分组的剑道网格中设置空数据文本
- 清除数据并将旧值附加到文本框中
- 如何从文本区域获取数据并使用javascript进行解密
- 如何使用JavaScript解析输入文本中给定的数据
- 单击文本时删除文本框的默认数据
- 如何从jQuery对象文本正确调用服务器端ASP.NET并将数据返回给jQuery
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 用Promises返回的数据替换出现的文本
- 如何使用JavaScript从文本框中检索数据
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 如何使用PHP获取h1的内容以用于Twitter数据文本参数
- Sharrre-Facebook数据文本和数据url没有显示在多个按钮上
- 如何在Object〔Object HTMLCollection〕上插入Mysql数据文本
- 从Web应用程序网页的HTML元素(h2/span)中获取数据(文本)
- 在Javascript中动态更新twitter按钮的数据文本
- 文件上传和数据(文本)表单转化为HTML表格
- 显示来自数据文本属性的数据
- 更改数据-文本后单击tweet按钮
- 向数据库添加数据文本文件