如何在html中使用条件语句

时间:2014-06-25 11:35:10

标签: javascript html

我正在开发一个网页应用程序,在页面中我已经发票'发票类型'和'发票到'。 '发票类型是一个组合框(下拉列表),其中包含所有,现金,内部,保修,附件保修和信用,默认情况下它将为“空白”。 '发票到'是一个文本框。如果最终用户选择'全部'来自'发票类型'字段,然后自动发票到'字段应转向“全部”。  我知道我不能在HTML中使用条件语句,因为它只是标记语言。如果我要使用java脚本,那么编写它的程序是什么?     所以这是我面临的问题,因为我是一个更新鲜的人,我对此并不了解。请帮帮我。

1 个答案:

答案 0 :(得分:1)

这不是确切的代码,但希望你能得到这个想法......

HTML:

<input type="text" id="txtTest" />
<select name="rdoSelect" id="rdoSelect">
   <option value="option1">All</option>
   <option value="option2">Cash</option>
   <option value="option3">Internal</option>
   <option value="optionN">...</option>
</select>

JavaScript的:

if(document.getElementById('txtTest').value == "All")
{
   document.getElementById('rdoSelect').value = "option1"; // change the value here 
}
else if (document.getElementById('txtTest').value=="Cash")
{
   document.getElementById('rdoSelect').value = "option2";
}

您还可以做的一件事,input的OnChange事件,您可以更改select中的项目。