선택한 옵션에 따라 텍스트 표시

사용자가 '예'또는 '아니요'를 선택할 수있는 옵션이 있습니다. 옵션 값 'y'텍스트 상자 'adv1'에 750이 표시되면 else 0.00입니다. 0.00이면선택한 옵션에 따라 텍스트 표시

<table> 

     <tr> 
      <td>Advance Required</td> 
      <td><select name="advReq" id="ad"> 
       <option value="y">Yes</option> 
       <option value="n">No</option> 
       </select> 
      </td> 
      <td><input name="adv1" type="text" readonly="readonly" value="" /></td> 
     </tr> 

    </table>

출처

2013-12-12 sajeesh

페이지를 다시 쓰게하지만이 – srquinn

<script> 
    function updateText(val) { 
     var $el = document.getElementById("adv1"); 
     if(val == 'y'){ 
     $el.value = "$ 750"; 
     } else { 
     $el.value = "0"; 
     } 
    } 
    </script> 

<select name="advReq" id="ad" onchange="updateText(this.value)"> 
     <option value="y">Yes</option> 
     <option value="n">No</option> 
</select> 
<input name="adv1" type="text" id="adv1" value="" />

출처

2013-12-12 17:31:23

근무 ... 고마워요. – sajeesh

간단한 JavaScript를 사용하여이 작업을 수행 할 수 있습니다.

HTML 마크 업 :

<select name="advReq" id="ad" onchange="changeValue(this.value)"> 
     <option value="y">Yes</option> 
     <option value="n">No</option> 
</select> 
<input name="adv1" type="text" id="adv" value="" />

자바 스크립트 :

function changeValue(val){ 
//use comparison operator 
if(val=="y") 
    document.getElementById('adv').value = "$ 750"; 
    else 
    document.getElementById('adv').value = "0.00"; 
}

실시간으로 서버에서 값을 동적으로 값을 변경하고자하는 경우

. AJAX 호출을 사용하여이 작업을 수행 할 수 있습니다.

출처

2013-12-12 17:25:15 Sriraman

Sriraman을 달성하기 위해 자바 스크립트를 사용하지 않는 PHP, 그 값하지 작업,하지만 값 변화하지 않을 것이다. 예 : '예'를 '아니요'로 변경하면 텍스트에 '750 달러'가 표시됩니다. 또한 'Yes'로 다시 변경하면 되돌릴 수 없습니다. – sajeesh

jquery를 사용하면 쉽게이 작업을 수행 할 수 있습니다. – Sriraman

선택한 옵션에 따라 텍스트 표시

답변

관련 문제