html - Javascript 以 html 形式显示可选格式

Question

我有一个注册表单，其中有一个字段，只有在从下拉框中选择了某些行后才会显示。这一切都很好，但是我无法让盒子适应当前的设计，一旦选择了盒子，它就会显得不合适。要查看出现的框，请从 sia license type 字段中选择字段 security guarding。可以在此处找到该页面的链接:http://www.security-vacancies.net/regsitration/index.php

如果我能提出任何建议以适应当前设计，我们将不胜感激。

<p>
<label for="postcode">SIA License Type</label>
<select id='sia_question' onchange='displayoptional()' select="select" name="sia_question">
    <option value='' selected="selected">Please S elect</option>
    <option value='1'>Do Not Have A License</option>
    <option value='2'>Have Appied for a License </option>
    <option value='3'>Security Guarding</option>
    <option value='4'>Door Supervision</option>
    <option value='5'>Close Protection</option>
    <option value='6'>Key Holding</option>
    <option value='7'>Public Space Surveillance</option>
    <option value='8'>Vehicle Immobilisation</option>
    <option value='9'>Cash In Transit</option>
    <option value="10">Non Frontline</option>
</select>
<div style='display:none' id='optional'>
    <span class="style204"> Please Enter an SIA License Number: <input id='sia_license' type='text' name="sia_license" value=""/></span>
</div>
</p>

Answer 1

好吧，就像代码中的每个其他字段一样设计它:

<p>
    <label for="postcode">SIA License Type</label>
    <select id='sia_question' onchange='displayoptional()' select="select" name="sia_question">
        <option value='' selected="selected">Please S elect</option>
        <option value='1'>Do Not Have A License</option>
        <option value='2'>Have Appied for a License </option>
        <option value='3'>Security Guarding</option>
        <option value='4'>Door Supervision</option>
        <option value='5'>Close Protection</option>
        <option value='6'>Key Holding</option>
        <option value='7'>Public Space Surveillance</option>
        <option value='8'>Vehicle Immobilisation</option>
        <option value='9'>Cash In Transit</option>
        <option value="10">Non Frontline</option>
    </select>
</p>
<p style='display:none' id='optional'>
    <label for="postcode">SIA License Number</label>
    <input id='sia_license' type='text' name="sia_license" value=""/>
</p>

我想就是这样。