如何根据从第一个下拉列表自动更改的第二个下拉列表更改第二个文本框值
How to change the 2nd textbox value based on the 2nd dropdown that is automatically changed from 1st dropdown?
我有两个下拉列表,当我更改第一个时,第二个的值也会相应更改。还有两个文本框,这两个下拉框各有一个。
当第一个下拉列表更改时,我运行AJAX并在第一个文本框中显示mySQL中的值。正如我所说,第二个下拉列表的值也发生了变化。
我的问题是,如何根据从第一个下拉列表自动更改的第二个下拉列表更改第二个文本框值?
当我更改第一个下拉时,这就是我所说的
function getVariety(seed_name) {
var strURL="findVariety.php?seed_name="+seed_name;
var req = getXMLHTTP();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
document.getElementById('seed_variety_show').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:'n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}
findVariety.php
----mysql config variables------
.
.
<select class="form-control c-square c-theme input-lg" name="seed_variety">
<option value="">Επίλεξε</option>
<? while($row=mysql_fetch_array($result)) { ?>
<option value="<?=$row['sv_variety_name']?>"><?=$row['sv_variety_name']?></option>
<? } ?>
</select>
使用
value
属性而不是innerHTML
。innerHTML
用于将html
内容推送到元素,而要设置input
/select
等form
元素的值,请使用value
document.getElementById('seed_variety_show').value=req.responseText;
要更改第二个文本框的值,请在第二个select
上使用onchange
侦听器。
由于选择是动态添加的,因此需要使用event delegation
。
试试这个:
$('body').on('change', '[name="seed_variety"]', function() {
alert(this.value);
});
相关文章:
- 如果未选择第一个下拉列表,则禁用第二个下拉列表
- 显示基于第一个下拉列表的第二个下拉列表不起作用
- 如何在第二个下拉列表中更改设置的默认值
- 如何从php中第一个动态生成的第二个下拉列表将数据存储到数据库中
- 隐藏第二个下拉列表,直到在第一个下拉列表中做出选择
- 根据 Wordpress 页面中的第一个下拉列表填充第二个下拉列表
- 获取所选项目的值,并在第二个下拉列表中更改列表
- 下拉列表更改事件直到第二个实例才触发
- 剑道UI [下拉列表] - 多个元素中的冲突
- 如何在更改第一个下拉列表后从数据库加载第二个下拉列表
- 根据第二个和第一个下拉列表选择填充第三个下拉列表
- 基于第一个 - JQuery 对话框加载第二个下拉列表
- 下拉列表 在第二个选择第一个选择时不会显示:无;
- 如何根据从第一个下拉列表自动更改的第二个下拉列表更改第二个文本框值
- 根据第一个下拉列表结果填充第二个下拉列表
- 基于第一个下拉列表的动态第二个下拉列表
- 在javascript/php.html中选择第一个下拉列表后,更新第二个下拉列表
- 代码点火器下拉顺序,第一个下拉列表中选择的值musn'第二天中午
- 级联下拉的第二个下拉没有填充
- HTML 连接的下拉列表(多个),数字作为值