Question

当用户在表单选择中选择某个选项时，我正在尝试显示一个文本字段。我在http://jsfiddle.net/0ak3b3z1/

找到了我需要的确切内容

但是，当我将此确切代码复制到html文档中时，它不起作用。有谁能告诉我哪里出错了。这是HTML代码：

function validateMember(member){
  for(var k in MemberSchema){
    if(!member[k]){
       return false;
    }
  }
  return true
}

Answer 1

需要包含jQuery。另外，您必须将javascript放在最后（在定义DOM元素之后）。

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
</head>

<body>
    <label for="">Industry?</label>
    <select id="industry">
    <option value="Telesales">Telesales</option>
    <option value="Media">Media/Advertising</option>
    <option value="SaaS">SaaS</option>
    <option value="Insurance">Insurance</option>
    <option value="Automobile">Automobile</option>
</select>

<!-- Show Metric Input based on Industry Selection -->
<input type="text" id="telesalesCalls" placeholder="How many calls?" style="display:none">
<input type="text" id="SaaSMeetings" placeholder="How many meetings?" style="display:none">
<input type="text" id="MediaMeetings" placeholder="How many meetings?" style="display:none">
<input type="text" id="InsuranceCalls" placeholder="How many calls?" style="display:none">

<script src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">
    $('#industry').on('change', function () {
        var selection = $(this).val();
        console.log("Detected change..." + selection);
        $("#SaaSMeetings").toggle($(this).val() == "SaaS");
    });
</script>
</body>
</html>

Answer 2

美元符号与jquery库一起使用，并且您不包含此库。

所以只需在js代码之前添加jquery库。

只需包含此代码：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

Answer 3

您需要在代码中包含此行。

<script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'> </script>

HTML表单选择选项触发文本字段

3 个答案: