Javascript에서 텍스트 양식을 입력하는 방법

나는 일반, 가족, 디럭스, 이그 제 큐 티브와 같은 호텔 객실의 종류와 선택 양식을 가지고 그래서 각각의 해당 가격을 가지고 일반 방에서 내가 $ 300 가격을 설정할 것입니다.Javascript에서 텍스트 양식을 입력하는 방법

선택 양식의 오른쪽에서 매번 일반 방에서 오른쪽 입력 텍스트 필드를 선택하면 $ 300의 가격이 표시됩니다. 그래서 기본적으로 코드 var ordinary=document.getElementByID("ord").value로 자바 스크립트를 사용하여 가격을 설정할 수 있습니다. var ordinary= 3500. 다음은 선택 양식에서 보통 방을 선택할 때마다 입력 텍스트 필드에 표시되도록 변수 ordinary에서 값을 가져 오는 것입니다. 어떻게해야합니까?

여기

<script language="javascript" type="text/javascript"> 
    var ordinary= document.getElementById("ord").value; 
    var ordinary= 5300; 

</script> 

<form action="insert.php" method="post"> 
    <table align="center"><tr><td> 
      <font face="Arial, Helvetica, sans-serif">RESERVATIONS</font> 
     </td></tr><hr color="#00CC99"/> <br/> 
    </table> 
    <table border="0" align="center"> 
     <tr>  
      <th align="justify"> Name: &nbsp </th> 
      <td><input type="text" name="name"></td> 
     </tr> 
     <tr> 
      <th align="justify"> Contact Number: &nbsp; </th> 
      <td><input type="text" name="contact"></td> 
     </tr> 
     <tr> 
      <th align="justify">Room Type: &nbsp;</th> 
     <td> 
      <select name="roomType"> 
       <option value="---">---------------------------</option> 
       <option value="Ordinary " id="ord">Ordinary</option> 
       <option value="Family ">Family</option> 
       <option value="Superior ">Superior</option> 
       <option value="Deluxe ">Deluxe</option> 
       <option value="Corner Suite King">Corner Suite King</option> 
       <option value="Executive ">Executive</option> 
       <option value="Executive Suite">Executive Suite</option> 
       <option value="Grand Executive">Grand Executive</option> 
       <option value="Presidential ">Presidential</option> 
      </select> 
     </td> 
      <td> 

      </td> 
     </tr> 
     <tr> 
      <th align="justify">AddOn Services: &nbsp;</th> 
     </tr> 
    </table> 
</form>

출처

2013-03-13 Jayseer

글꼴 태그를 사용하지 마십시오. 구식입니다. 대신 CSS 스타일을 사용하여 스팬을 만드십시오. – Markasoftware

네,하지만 span div는 CSS 코드를 사용하기 전에 복잡하지만 전에는 브라우저를 변경합니다. 나는 센터와 보통 글꼴과 같은 일반 HTML 코드에 충실하도록 혼란 스러울 것이다. 그러나 어쨌든 나는 기능을 완료 한 후에 디자인을 수행 할 내 프로그램의 기능을 수행하고 있습니다. D – Jayseer

안녕하세요! 나는 그것을 함수 명령과 경고를 사용하여 작동하게 만든다! 하지만 또 다른 문제는 경고 대신 변수를 사용하는 방법입니다. – Jayseer

이 옵션은 스크립트 원하는 데이터를해야이

var e = document.getElementById("roomType"); 
var desiredValue = e.options[e.selectedIndex].value;

값을 사용하고 selectroomType의 id을주고 코드를합니다. 당신은 그렇지 않으면 그것은 우리 모두가 원하는 값으로 ... 재미

<select name="roomType" id="roomType"> 
     <option value="---">---------------------------</option> 
     <option value="5300">Ordinary</option> 
     <option value="SomePrice">Family</option> 
     <option value="SomePrice">Superior</option> 
     <option value="SomePrice">Deluxe</option> 
     <option value="SomePrice">Corner Suite King</option> 
     <option value="SomePrice">Executive</option> 
     <option value="SomePrice">Executive Suite</option> 
     <option value="SomePrice">Grand Executive</option> 
     <option value="SomePrice">Presidential</option> 
    </select>

변경 SomePrice를 입력하지해야 코드의 많은 것, 오히려 options보다 선택 요소의 selectedIndex를 호출해야합니다.

출처

2013-03-13 01:27:52 SomeShinyObject

Im 여전히 정의되지 않았습니다! – Jayseer

이 ID를 추가 했습니까? (답을 잊어 버렸습니다). – SomeShinyObject

선택에있어서의 ID – Jayseer

Javascript에서 텍스트 양식을 입력하는 방법

답변

관련 문제