문제

나는 우수한 dropkick jquery plugin 웹 사이트의 검색 시설의 일부로 사용됩니다.Dropkick은 사용자가 검색 할 웹 사이트를 선택하는 데 사용하는 선택 상자 스타일링입니다.Google 사용자 정의 검색이 사용되고 있으며 숨겨진 '#cx'필드의 값을 변경하기 위해 Dropkick을 알려 왔습니다. #cx 필드는 Google을 Google에 알려줍니다.

여기에 html :

<form action="http://example1.com/search/" method="get" id="cse-search-box">
    <fieldset>
        <input type="hidden" name="cx" id="cx" value="custom_search_account_1" />
        <input type="hidden" name="cof" value="FORID:11" />
        <input type="hidden" name="ie" value="UTF-8" />            
        <div class="keywords">
            <label for="keywords">Search</label>
            <input type="text" name="q" id="keywords" class="search text" />
        </div>
        <select name="dk" class="dk">
            <option value="custom_search_account_1">Search website 1</option>
            <option value="custom_search_account_2">Search website 2</option>
            <option value="custom_search_account_3">Search website 3</option>
        </select>
        <input type="image" class="button" src="imgurl" alt="Search" name="sa" />
    </fieldset>
</form>
.

여기서 사용자가 선택한 검색 엔진에 따라 숨겨진 '#cx'필드의 값을 변경하는 작업 jQuery 코드가 있습니다.

$('.dk').dropkick({
    change: function (value, label) {
        var x = $(this).val();                
        $('#cx').val(x);
    }
});
.

모든 것이 훌륭합니다.그러나 사용자의 선택을 기반으로 양식 작업을 변경해야합니다.이 플러그인을 사용하여 가능합니까?그렇다면 jQuery 코드의 변경 사항을 제발하시기 바랍니다.나는 이미 이것으로 내 지식의 한계를 밀었습니다!

어떤 도움을 위해서 미리 감사드립니다.

환호

도움이 되었습니까?

해결책

동작 방법을 변경하는 것은 다른 속성을 변경하는 것만 큼 간단합니다. 그래서 당신의 .change 메소드에서는 확인을 수행하고 값을 준수하는 조치를 변경합니다.

바이올린

$('.dk').dropkick({
    change: function (value, label) {
        var x = $(this).val();                
        var action;
        $('#cx').val(x);

        if (x == 'custom_search_account_1') { action = 'action1'; }
        else if (x == 'custom_search_account_2') { action = 'action2'; }
        else if (x == 'custom_search_account_2') { action = 'action2'; }


        $('#cse-search-box').attr('action', action);

     }
});
.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top