2011-05-03 3 views
3

에 전송하지

<form action="step1/" method="post" enctype="multipart/form-data" id="form"> 
    <div class="tabs"> 
     <ul> 
      <li class="dot clicked radio_buttons"></li> 
      <li class="active not_the_dot"><span class="l"></span><a href="#">Standard Class</a><span class="r"></span></li> 
      <li class="dot radio_buttons"></li><li class="not_the_dot"><span class="l"></span><a href="#">Business Class</a><span class="r"></span></li> 
      <li class="dot radio_buttons"></li><li class="not_the_dot"><span class="l"></span><a href="#">Premium</a><span class="r"></span></li> 
     </ul> 
.... 
.... 
.... 

후 나는 다른 형태의 항목뿐만 아니라 같은

<select name="quantity_id" class="quantity_select"> 
      <option selected="selected" value="0">SELCT STATION QUANTITY</option> 
      <option value="1">1 Station</option> 
      <option value="2">2 Station</option> 
      <option value="3">3 Station</option> 
      <option value="4">4 Station</option> 
      <option value="5">5 Station</option> 
    </select> 

양식에이 quantity_id가 존재하지만 ul 값이 아닙니다. ....이 값을 사용 가능하게 변경해야하는 것이 있습니다. 기본적으로 표준, 비즈니스와 같은 "활성"클래스 텍스트가 필요합니다.

답변

8

<ul/> 항목은 양식 요소가 아니며 양식 제출시 게시되지 않습니다. 이 값을 캡처해야하는 경우 hidden 양식 요소에 저장할 수 있습니다.

예 : 숨겨진 필드에 텍스트를 캡처하려면 숨겨진 필드를 추가하십시오.

<input type="hidden" id="activeThing" name="activeThing"/> 

그리고 li에 클릭 이벤트 바인딩 :

$("ul li.not_the_dot").click(function(){ 
    $("#activeThing").val($(this).find("a").text()); 
}); 
2

html 형식 ~의 가치만을 제출 그것의 입력 (input, textarea, select와 같은 요소) 태그를 매개 변수로 서버에 보낸다.

그래서 당신이 그것을 입력 요소로 만들기 위해 무언가를 보내고 싶다면. 서버에 보낼 미리 정의 된 변수 나 값이 있으면 숨겨진 필드를 사용하십시오.

1

UL이 양식에 정보를 보내기를 기대하십니까? 그건 그렇지 않을거야. 양식 입력 (예 : SELECT, TEXT, TEXTAREA, RADIO, CHECKBOX, HIDDEN 등)

양식을 통해 데이터를 전송하는 UL -> LI HTML에는 아무 것도 없습니다. 당신은 그것을 활성 LI를 출력 할 때 이렇게 코드를 변경해야합니다, 그것은 같은 출력 일 것이다

<input type="hidden" name="active" value="Standard"> 

는 그 다음은 폼에 전달됩니다.

2

<ul><li> 요소는 양식 요소가 아니므로 양식 게시시 제출되지 않습니다. <li> 값을 양식 컨트롤로 변환해야합니다. 라디오 버튼을 선택하거나, 또는 어떤 이벤트 처리 자바 스크립트를 <li> 요소에 추가하여 선택 될 때 (또는 이벤트가 수행 될 때) 숨겨진 필드가 값으로 업데이트되도록합니다. 숨겨진 양식 필드가 POST에 제출됩니다.