사용자 입력에 따라 고스트/위임되지 않은 필드

Question

여기 내 문제가 있습니다. 일부 입력란은 항상 관련이있는 것은 아니지만 아주 간단한 사용자 입력 양식을 만들고 있습니다. 예를 들어 사용자가 임시 직원을 추가하는 경우 사용자는 만료 날짜 (직원이 퇴장 한 날짜)를 입력해야합니다. 그렇지 않으면 직원이 정규 직원 인 경우 해당 필드가 존재하는 것이 논리적이지 않습니다. 아니면 필드가 존재할 수도 있고, 단지 "유령"일 수도 있습니다 (실제 용어인지 확실하지 않음). 것은 ... 절대 jquery 또는 자바 스크립트를 안다! 누구든지이 문제에 대한 해결책을 가지고 있다면, 따라 할 수있는 템플릿/예제를 게시하는 것이 마음에 드십니까? 그게 나를 아주 많이 도와 줄거야! 그렇지 않다면, 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을 혼자서했고 간단한 코드를 만들었습니다. 첫 번째 비트가 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';" />