[英]Javascript to create text field with dropdown menu options
一旦从下拉框中选择了某个值,我一直在使用一些 Javascript 来创建文本字段,但是现在我对 Javascript 的了解有限,我需要编辑它,以便新的下拉选项也创建一个文本字段。 当我尝试编辑时,它似乎不起作用。 这是我尝试使用的 js:
$(".claim").change(function() {
$(".area").find(".field").remove();
//or
$('.area').remove('.field');
if ($(this).val() == "Insurance") {
$(".area").append("<input class='field' name='cost' type='text' placeholder='Cost' />");
}
if ($(this).val() == "Damage <$100") {
$(".area").append("<input class='field' name='cost' type='text' placeholder='Cost' />");
}
});
这是 html 下拉框:
<div id="area" class="area">
<strong>Cases:</strong><input name="cases" type=text placeholder="Cases ID" maxlength="7" style="width:129px;">
<br />
<strong>Claim:</strong>
<select class="claim" id="claim" name="claim">
<option value="">Select a Claim</option>
<option value="Insurance">Insurance</option>
<option value="Warrenty">Warrenty</option>
<option value="Damage <$100">Damage <$100</option>
</select>
我曾尝试编辑 Javascript 和其他一些东西,但似乎都不起作用。 我猜它很简单,但我现在不确定是否使用 Javascript,所以任何帮助都会很好。
采用
$(this).val() == "Damage <$100"
代替
$(this).val() == "Damage <$100"
您正在比较字符串,因此不需要任何特殊字符。
而不是$(this).val()
使用this.value
,会更快。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.