Javascript 如何基于所选选项显示特定的div

Javascript 如何基于所选选项显示特定的div,javascript,php,jquery,Javascript,Php,Jquery,当我从ddl中选择该选项时,同一类的div不可见,因此我希望当我从ddl中选择该选项时,特定选项的div出现 在我的选择中,选项值来自数据库1.mobile、2.email,因此我希望当我选择mobile时,div编号1出现 $function{ $'theme'.changefunction{ $'number'+$this.val'mobile.show; }.改变; }; 通讯方式: 假设您选择的html如下所示 <select> <option value="0"

当我从ddl中选择该选项时,同一类的div不可见,因此我希望当我从ddl中选择该选项时,特定选项的div出现

在我的选择中,选项值来自数据库1.mobile、2.email,因此我希望当我选择mobile时,div编号1出现

$function{ $'theme'.changefunction{ $'number'+$this.val'mobile.show; }.改变; }; 通讯方式: 假设您选择的html如下所示

<select>
   <option value="0">Select</option>
   <option value="1">Mobile</option>
   <option value="2">Email</option>
</select>
echo "<option value="'.$row[ "value" ].'">" . $row[ "value" ] . "</option>";
第一:您需要隐藏所有div[id^=number]divs id以number开头,并使用选项:selected index.显示该部分。。下一个代码应该适合您

$function{ $'theme'.changefunction{ $'div[id^=number]'。隐藏; var GetSectionNum=$this.find'option:selected.index==0?1:$this.find'option:selected.index;//如果所选选项为0,则表示直接将其“select”更改为下一个选项。因此,在这段代码中,如果您尝试选择“select”,它将选择mobile $this.find'option:eq'+GetSectionNum+.prop'selected',true; $'number'+GetSectionNum.show; }.改变; }; 选择 可移动的 电子邮件 短信文本 邮件:/label> 主题 身体
你应该对这样的选项进行估价

<select>
   <option value="0">Select</option>
   <option value="1">Mobile</option>
   <option value="2">Email</option>
</select>
echo "<option value="'.$row[ "value" ].'">" . $row[ "value" ] . "</option>";

希望能有帮助

在这段代码中,这个值=='ddl',这里ddl是什么?我给div的属性是display none,而不是display noneworking@ankurManoj的答案应该与you@mohamed-优素福-我试过了,但当我注释div属性时,显示“无”,在此之后,如果我选择选项,则会隐藏div但不显示。@ankur答案已更新