Question

所以这是我的问题：我正在创建一个非常简单的用户输入表单，除了一些字段并不总是相关。例如，如果用户正在添加临时工作人员，则用户需要输入到期日期（工作人员离开的日期）。否则，如果工作人员是正规的，那么将该字段存在是不合逻辑的。或者该字段可能存在，只是“幻影”（不确定这是否是一个实际的术语）。事情是......我完全不知道jquery或javascript！如果有人有这个问题的解决方案，他们会介意发布我可以遵循的模板/示例吗？这对我非常有帮助！如果没有，任何关于如何在PHP / html中做的提示（如果可能的话）也会很好。我非常感谢任何建议，谢谢： - ）

Answer 1

您需要在字段中添加onchange，以确定是否要禁用其他字段。

示例：

<select onchange="document.getElementById('otherField').disabled=(this.value == 0)">
    <option value=1>Enable other field</option>
    <option value=0>Disable other field</option>
</select>

<input id='otherField' />

http://jsfiddle.net/xB8CP/

Answer 2

感谢您的建议，但这并不是我想要的。我自己做了一些Google-ing，并提出了一段简单的代码。

因此，对于不了解Javascript但想要创建此效果的人来说，这是一个简单的解决方案：

第一位是由Jcubed贡献的（见下文）。它创建了一个简单的下拉菜单，根据用户输入的内容“锁定”文本框

</td> <td><select name="employee_type" onchange="document.getElementById('otherField').disabled=(this.value == 0)">
<option value=1>Option 1</option>
<option value=0>Option 2</option>

最后一位是创建不透明字母的部分，当用户点击文本框时，这些字母逐渐消失：

<input id="otherField" type="text" name="date_expires" value="What you want to appear in the text..." style="color:#aaa; font-style:italic;" onclick="this.value=''; this.style.color='#000'; this.style.fontStyle='normal';" />

ghost / unghost字段根据用户输入

2 个答案: