HTML과 JS의 두 번 드롭 다운 메뉴?

나는 최근 설정이 다음 예제 이중 드롭 다운 메뉴 : http://www.javascriptkit.com/script/cut183.shtml HTML과 JS의 두 번 드롭 다운 메뉴?

나는 특정 기능을 실행하기 위해 드롭 다운 메뉴 옵션이 필요하고, 누군가가 아래에이 코드를 도와주었습니다.

어쨌든 아래의 두 가지 드롭 다운을 JSFiddle로 구현할 수 있습니까?

HTML :

<select> 
    <option value="func1">Chocolate</option> 
    <option value="func2">Candy</option> 
    <option value="func3">Taffy</option> 

</select> 
<div></div>

그리고 JS :

내 경험에

var functions = { 
    func1: function(){console.log("func1 called")}, 
    func2: function(){console.log("func2 called")}, 
    func3: function(){console.log("func3 called")}, 
} 

$("select") 
    .change(function() { 
    var selected = $("select option:selected"); 
    functions[selected.val()](); 
    }) 
    .change();

출처

2014-04-08 codsane

메뉴 옵션을 선택했을 때 오른쪽 기능을 실행해야하는 경우 [일부 답변] (http://stackoverflow.com/questions/22119318/jquery-getting-the)을 참조하십시오. 입력 형식 텍스트/22119684 # 22119684)을 사용하여 함수를 시작하고 jQuery의 [.val] (http://api.jquery.com/val/) 함수를 사용하여 함수를 결정합니다. 상자에? –

함수를 실행하기 전에 버튼을 누르는 것이 좋지만 어느 것이 든 나를 위해 작동합니다. 나는 한번 살펴 보겠다. – codsane

다음은 처음부터 옵션을 선택하면 드롭 다운을 생성하는 완전한 예제입니다. http://coursesweb.net/javascript/multiple-select-dropdown-list-javascript_t –

,의 방법에 의해 아래로 더블 드롭을 만드는 것은 불가능하거나 어렵지 중 하나입니다 옵션으로 선택하십시오. 정렬되지 않은 목록 형식을 사용하는 것이 좋습니다. 정확히 무엇을 필요로하는지에 따라 수행중인 작업과 동일한 방식으로 형식을 지정할 수 있습니다.

출처

2014-08-15 13:34:34 Aubrey

HTML과 JS의 두 번 드롭 다운 메뉴?

답변

관련 문제