2011-08-04 4 views
0

나는 사용자가 (이름, 이메일 등)을 채울 수있는 많은 옵션을 가진 html 양식을 가지고있다. 그런 다음 사용자에게 "스타일 A"또는 "스타일 B"를 선택하도록 요청하는 드롭 다운을 갖게 될 것이다. "스타일 A가" "스타일 B는"다음이 스타일 특정 크기있을 것를 선택하면 다음 등, 그러나

이 스타일에 대한 특정 크기가있을 것이다 포착되면

, 내가 해요 그것이 xhtml/css와 최소한의 PHP/javascript (매우 최소)를 지나서 무엇이든 올 때 완전하게 멍청한 놈이에요. 그래서 이것을 정확하게 수행하는 방법을 모르겠습니다. 사용자가 스타일을 선택하거나 스타일을 선택하고 제출을 클릭해야하며 다른 양식이로드 될 때이 옵션이 표시됩니까? 나는 이것이 어떻게 행해질 수 있는지 정확히 모르겠다. 그래서 내 책에서 어떤 것도 작동한다!

누구든지 나를 도와 줄 수 있습니까?

감사합니다. 도움이 필요합니다.

+0

[두 개의 동적 드롭 다운]의 중복 (http://stackoverflow.com/questions/4445322/two-dynamic-drop-downs) –

답변

1

자바 스크립트로 완전히 수행 할 수 있습니다. 스타일 'A'는 클래스 (또는 클래스 집합)이고 스타일 'B'는 다른 클래스 (또는 집합)가됩니다.

사용자가 스타일 'A'를 선택하면 업데이트하려는 모든 요소와 스타일 'A'의 해당 클래스를 실행합니다. 사용자가 스타일 'B'를 선택하면 동일한 작업을 수행하십시오.

HTML

<select id = 'styler' name = 'styler'> 
    <option value = 'a'>Style A</option> 
    <option value = 'b'>Style B</option> 
</select> 

(간단하게하기 위해 jQuery를 사용)

자바 스크립트

$(function() { 
    $('#styler').bind("change", function() { 
     if($(this).val() == 'a') 
      $(".bClass").removeClass("bClass").addClass("aClass"); 
     else 
      $(".aClass").removeClass("aClass").addClass("bClass"); 
    }); 
}); 
2

한 가지 좋은 방법은 양식 등을 중심으로 용기를 가질 것로 : 당신이 옵션의 값을 가지고있는 선택 필드가 가정 페이지에 jQuery를 함께

div.styleA input 
div.styleB input 

마지막 :

<div id="style_container" class="styleA"> 
    <form> .. </form> 
</div> 

그럼 당신은 같은 당신의 CSS 파일의 항목을 가질 수 있습니다 스타일 클래스 이름, 당신은 할 수 있습니다 :

$("select#style_select").change(function(){ 
    $("div#style_container").removeClass("styleA styleB"); 
    $("div#style_container").addClass($(this).val()); 
}); 

그래서 당신은 해당 컨테이너 DIV와 CSS 규칙에 따라 업데이트해야 전체 페이지에서 해당 클래스를 변경해야합니다.

1

이미이 개 솔루션을 주었다

  1. 단일 형태, 스타일 옵션을 선택하면, 특정 스타일에 관련된 하위 옵션이 표시됩니다,이 작업을 수행하는 가장 쉬운 방법은 (자바 스크립트 기능을하는 것입니다 switch_size_display) 스타일 선택이 변경되면 사용 가능한 옵션을 표시하거나 숨 깁니다.
  2. 여러 페이지로 구성된 양식은 방문객에게 어렵고 바람직하지 않은 쿠키입니다. Get 또는 Post : 1 페이지에서 사용자는 변수/get/post), 2 페이지에서 변수에있는 스타일과 관련된 "크기"가 사용자에게 표시됩니다.

자바 스크립트와 PHP를 배우고 있습니다.이 두 가지 해결책 모두 매우 좋습니다. 마지막으로 한 가지는 사용자 입력을 신뢰해서는 안되며 온라인 (로컬이 아님)에서 사용할 수있는 웹 사이트를 만드는 경우 URL, 쿠키 등에서 온 것임을 정확히 확인하십시오.

관련 문제