基于一个下拉框中的值的Javascript会更改另外两个下拉框中的值

根据示例，您希望创建这样的行为：

小提琴：

3个下拉框。用户在第一个下拉框中选择值。例如，如果用户在第一个下拉框中选择选项2或选项3，则第二个和第三个下拉框中的值将变为空白

这里是HTML

<select id="asset_id" name="asset[asset_id]">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select>
<br />
<select id="country_id" name="material[country_id]">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select>
<br />
<select id="country_id1" name="material1[country_id1]">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select>

---

但是，如果使用带有foreach的php数组创建下拉框，则需要考虑如何更改javascript…

first-select选项添加on-change方法以清空其他两个select选项

<select id="asset_id" name="asset[asset_id]" onchange="blank(this.value)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select> 

<script>
function blank(ch)
{
    if(ch!=1)
    {
    document.getElementById('country_id').selectedIndex=4;
    document.getElementById('country_id1').selectedIndex=4;
    }  

}
</script>

选择1
选择2
选择3

外接程序脚本空白函数，用于设置其他选择选项的值

<select id="asset_id" name="asset[asset_id]" onchange="blank(this.value)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select> 

<script>
function blank(ch)
{
    if(ch!=1)
    {
    document.getElementById('country_id').selectedIndex=4;
    document.getElementById('country_id1').selectedIndex=4;
    }  

}
</script>

功能空白（ch）
{
如果（ch！=1）
{
document.getElementById（'country_id'）。selectedIndex=4；
document.getElementById（'country_id1'）。selectedIndex=4；
}  
}

第一个选择选项将“更改时”方法添加为空白其他两个选择选项

<select id="asset_id" name="asset[asset_id]" onchange="blank(this.value)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select> 

<script>
function blank(ch)
{
    if(ch!=1)
    {
    document.getElementById('country_id').selectedIndex=4;
    document.getElementById('country_id1').selectedIndex=4;
    }  

}
</script>

选择1
选择2
选择3

外接程序脚本空白函数，用于设置其他选择选项的值

<select id="asset_id" name="asset[asset_id]" onchange="blank(this.value)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4"></option>
</select> 

<script>
function blank(ch)
{
    if(ch!=1)
    {
    document.getElementById('country_id').selectedIndex=4;
    document.getElementById('country_id1').selectedIndex=4;
    }  

}
</script>

功能空白（ch）
{
如果（ch！=1）
{
document.getElementById（'country_id'）。selectedIndex=4；
document.getElementById（'country_id1'）。selectedIndex=4；
}  
}

对不起，我已标记为已接受，但如果选择选项1，它也将变为空白。假设需要创建一些条件……对不起，我已标记为已接受，但如果选择选项1，它也将变为空白。假设需要创造一些条件。。。。