如何使用select元素onchange事件来填充隐藏元素

时间:2013-05-02 17:58:40

标签: html onchange hidden

非常感谢任何帮助,因为我一直在试着让它发挥作用!

我有一个包含五个选择元素的表单:

 <select name="program1" class="floatCtrl" id="cName" required="required" onchange="document.getElementByID('program1_text').value=this.options[this.selectedIndex].text">
    <option value="" selected>  </option>
    <option value="1">  Break Dancing 7/2/2013 $40.00</option>
    <option value="2">  Guitar 7/10/2013 $40.00</option>
    <option value="3">  Drums 7/12/2013 $40.00</option>
    <option value="4">  Drawing 6/19/2013 $78.00</option>
    <option value="5">  Watercolor Painting 6/19/2013 $78.00</option>
    <option value="6">  Kids Art 8/7/2013 $30.00</option>
    <option value="7">  Book Making 6/12/2013 $40.00</option>
    <option value="8">  Writing 6/25/2013 $50.00</option>
    <option value="9">  Dog Obedience 6/5/2013 $45.00</option>
    <option value="10"> Skateboarding 7/30/2013 $40.00</option>
    <option value="11"> Dodgeball 8/7/2013 $5.00</option>
    <option value="12"> Jumprope 8/6/2013 $25.00</option>
    <option value="13"> Swimming 6/2/13 $40.00</option>
    <option value="14"> Games 7/2/2013 $20.00</option>
    <option value="15"> Tennis 1 6/18/2013 $30.00</option>
    <option value="16"> Tennis 2 6/25/2103 $30.00</option>
    <option value="17"> Tennis 3 7/2/2013 $25.00</option>
    <option value="18"> Tennis 4 7/16/2013 $25.00</option>
    <option value="19"> Tennis 5 7/23/2013 $35.00</option>
    <option value="20"> Tumbling 5/23/2013 $25.00</option>
    <option value="21"> Backyard Discovery 7/20/2013 $5.00</option>
    <option value="22"> Applegate Discovery 7/27/2013 $10.00</option>
    <option value="23"> Mountain Adventure 8/3/2013 $10.00</option>                                                 
</select>

以及每个人的隐藏输入:

<input type="hidden" name="program1_text" id="program1_text" value="" />

我正在尝试使用select元素“program1”的onchage事件用所选选项中的文本填充隐藏元素“program1_text”的值。我已经研究了很多,这个解决方案是我一直遇到的解决方案,但我无法让它发挥作用。任何人都可以看到任何错误吗?

1 个答案:

答案 0 :(得分:1)

getElementByID 替换为 getElementById 。 Javascript区分大小写