Javascript 如何在选择一个时用java脚本填充2选择?
大家好,我是php新手,所以我需要帮助。Javascript 如何在选择一个时用java脚本填充2选择?,javascript,php,select,Javascript,Php,Select,大家好,我是php新手,所以我需要帮助。 我这里有一个输入和两个选择选项——如果输入是空的,那么两个选择都是空的,如果输入比第一个选择选项有一些值,那么第一个选择选项的值应该是“打开的”,第二个选择值应该是“形式分布的”,如下所示,在这里,两个选择都工作正常,但没有输入字段,任何帮助都将是完整的,谢谢 功能配置下拉列表(ddl1、ddl2){ var Open=新数组(“分布式表单”); var Completed=新阵列(“准备好计费”、“完成”); var待定=新阵列(“有CS”、“有O
我这里有一个输入和两个选择选项——如果输入是空的,那么两个选择都是空的,如果输入比第一个选择选项有一些值,那么第一个选择选项的值应该是“打开的”,第二个选择值应该是“形式分布的”,如下所示,在这里,两个选择都工作正常,但没有输入字段,任何帮助都将是完整的,谢谢
功能配置下拉列表(ddl1、ddl2){
var Open=新数组(“分布式表单”);
var Completed=新阵列(“准备好计费”、“完成”);
var待定=新阵列(“有CS”、“有O&M(估算)”、“有代表”、“有执行工程师”、“有消费者(付款)”、“有O&M(连接)”;
var Rejected=新数组(“拒绝:由CS”、“拒绝:由O&M”、“拒绝:由委托人”、“拒绝:由EE”、“拒绝:请求过期”、“拒绝:由O&M”);
开关(ddl1.value){
案件“未结”:
document.getElementById(ddl2).options.length=0;
对于(i=0;i
$(文档).ready(函数(){
}))
var optios=[“打开”、“完成”、“挂起”、“拒绝”];
函数changeInput(){
}你需要什么?如果输入为空,则选择为空,如果输入值大于1,则选择值应为“打开”,第二个选择值应为“格式不受影响”。你是否尝试过输入相同的内容?我尝试了所有内容,以我对javascript的了解为准。我无法感谢你的帮助,但很抱歉,它不起作用。我只是把这段代码放在我的脚本标签里,但这还不够。你是否包含jquery src我不知道怎么做?但是当输入为空时,在选择中显示选项,我只想当输入为空时,它们都选择为空……选择框本身是空的还是所选值是空的?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function configureDropDownLists(ddl1,ddl2) {
var Open = new Array('Form Distributed');
var Completed = new Array('Ready for billing', 'Completed');
var Pending = new Array('With CS', 'With O&M (Estimate)', 'With Delegate','With Executive Engineer','With Consumer (Payment)','With O&M (Connection)');
var Rejected = new Array('Rejected: By CS', 'Rejected: By O&M', 'Rejected: By Delegate','Rejected: By EE','Rejected: Demand Expired','Rejected: By O&M');
switch (ddl1.value) {
case 'Open':
document.getElementById(ddl2).options.length = 0;
for (i = 0; i < Open.length; i++) {
createOption(document.getElementById(ddl2), Open[i], Open[i]);
}
break;
case 'Completed':
document.getElementById(ddl2).options.length = 0;
for (i = 0; i < Completed.length; i++) {
createOption(document.getElementById(ddl2), Completed[i], Completed[i]);
}
break;
case 'Pending':
document.getElementById(ddl2).options.length = 0;
for (i = 0; i < Pending.length; i++) {
createOption(document.getElementById(ddl2), Pending[i], Pending[i]);
}
break;
case 'Rejected':
document.getElementById(ddl2).options.length = 0;
for (i = 0; i < Rejected.length; i++) {
createOption(document.getElementById(ddl2), Rejected[i], Rejected[i]);
}
break;
default:
document.getElementById(ddl2).options.length = 0;
break;
}
}
function createOption(ddl, text, value) {
var opt = document.createElement('option');
opt.value = value;
opt.text = text;
ddl.options.add(opt);
}
</script>
</head>
<input type="text" name="date" id="datepicker">
<select id="ddl" onChange="configureDropDownLists(this,'ddl2')">
<option value="0" ></option>
<option value="Open">Open</option>
<option value="Completed">Completed</option>
<option value="Pending">Pending</option>
<option value="Rejected">Rejected</option>
</select>
<select id="ddl2">
</select>
</body>
</html>
changeInput();
$("#datepicker").change(function(){
changeInput();
});
var input = $("#datepicker").val();
var ddl = document.getElementById("ddl");
ddl.options.length = 0;
document.getElementById("ddl2").options.length = 0;
if(input==""){
}else{
$.each(optios,function(){
var opt = document.createElement('option');
opt.value = this;
opt.text = this;
ddl.options.add(opt);
});
$("#ddl").val("Open");
configureDropDownLists(ddl,'ddl2');
}