如何将下拉列表中的数据连接到javascript中输入文本中的数据

假设我在使用表单时遇到问题

<form name = "card">
    Your Card's Number: <input type="text" placeholder="XXXX XXXX XXXX XXXX" onfocus="this.placeholder = ''" onblur="this.placeholder = 'XXXX XXXX XXXX XXXX'" id = "card_num"/></br>
</form>     

    Type of Credit Card:
    <select id = "typeCard">
    <option value="none" selected="selected">-- choose one --</option>
    <option>Visa</option>
    <option>Master</option>
    <option>JCB</option>
    </select>
    <input type = "button" value = "Validate" onclick = "validateCard()">

这是我的javascript代码，不适用于

var cardNum = document.getElementById("card_num").value;
    document.write(cardNum);    

---

代码，有人能帮我吗？我已经在谷歌上搜索过了，但我没有任何解决方案。

我希望如此。值在selects上正常工作：p 试试这个：

var card = document.getElementById("typeCard").options[document.getElementById("typeCard").selectedIndex].value;

---

你的剧本来自哪里？它可能不会在绑定click事件处理程序时加载。所以你最好使用

document.getElementById('validateBtn').addEventListener('click', validateCard, null);

---

在代码中。也不要使用document.write。我已经创建了工作。

永远不要使用

文档。文档加载后请编写
。我只是使用它，以便知道我是否获得了CardNum的值。您能澄清您的问题吗？你是说cardNum没有正确的值还是根本没有值？您看到的不正确值是什么？@joeltine cardNum根本没有值。您是否希望第一次单击时的值为“XXXX XXXX XXXX XXXX”？如果是这样，占位符值将无法通过“elem.value”访问。我创建了一个示例，如果我在输入中键入一些内容并单击“验证”。。。控制台显示了正确的值。仍然存在相同的问题，它没有响应，我认为cardNum根本没有值。@RamAquino实际上…运行您在问题中给出的代码，我在Chrome中得到响应，所以…不确定您的问题在哪里，除非你有额外的代码。是的，这对我来说是有效的，我得到的是卡的类型，但不是卡本身。@RamAquino，我也得到了卡号。。。实际上…你到底是如何运行文档的？在网上还是在你自己的电脑上？文件保存为什么？我在我的计算机上运行它，文件保存为.htmlsir。我应该有两个值：卡号的值和卡的类型。例如1234 5678 1234 5123 Visa。它正在演示中，但当我在自己的文档中复制它来运行它时，它不起作用。你检查开发人员控制台了吗。它可能会指出是否有任何错误。您必须从validate按钮中删除onclick事件处理程序。未捕获的TypeError:无法读取null的属性'addEventListener'。这是控制台所说的。我该怎么办？您是否向“验证”按钮添加了id属性。标记应该类似于

document.getElementById('validateBtn').addEventListener('click', validateCard, null);