select 태그를 ul li로 바꾸는방법...

select 태그를 ul li로 바꾸는방법...

QA

select 태그를 ul li로 바꾸는방법...

본문

<select name='wr_11' class="wr_11" id="menu01" onchange="javascript:selCheck(0)"  style="background-color:rgb(245,246,243); width:30%;">

    <option value=":::::::::::선택하지 않음:::::::::::" <? if($write['wr_11'] == "선택하지 않음") echo "selected"; ?> selected>―――선택하지 않음―――</option>

    <option value="105600,354" <? if($write['wr_11'] == "354-15K") echo "selected"; ?>>NCB354-15K</option>

    <option value="123800,553" <? if($write['wr_11'] == "354-18K") echo "selected"; ?>>NCB354-18K</option>

    <option value="177100,753" <? if($write['wr_11'] == "354-22K") echo "selected"; ?>>NCB354-22K</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-27K") echo "selected"; ?>>NCB354-27K</option>

    <option value="285300,753" <? if($write['wr_11'] == "354-33K") echo "selected"; ?>>NCB354-33K</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-43K") echo "selected"; ?>>NCB354-43K</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-15L") echo "selected"; ?>>NCB354-15L</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-22L") echo "selected"; ?>>NCB354-22L</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-27L") echo "selected"; ?>>NCB354-27L</option>

    <option value="255300,753" <? if($write['wr_11'] == "354-33L") echo "selected"; ?>>NCB354-33L</option>

</select>

 

<script>

$('.wr_11').val('<?=$wr_11?>');

</script>

 

 

 

위에 코드를

 

ul li 태그를 써서 바꾸고 싶은데 바꾸는건 되는데

 

스크립트 작동이 안되네요... 뭐가문제일까요..

이 질문에 댓글 쓰기 :

답변 2


<ul class="wr_11" id="menu01" style="background-color: rgb(245, 246, 243); width: 30%;">
    <li value=":::::::::::선택하지 않음:::::::::::" <?php if ($write['wr_11'] == "선택하지 않음") echo "selected"; ?>>―――선택하지 않음―――</li>
    <li value="105600,354" <?php if ($write['wr_11'] == "354-15K") echo "selected"; ?>>NCB354-15K</li>
    <li value="123800,553" <?php if ($write['wr_11'] == "354-18K") echo "selected"; ?>>NCB354-18K</li>
    <li value="177100,753" <?php if ($write['wr_11'] == "354-22K") echo "selected"; ?>>NCB354-22K</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-27K") echo "selected"; ?>>NCB354-27K</li>
    <li value="285300,753" <?php if ($write['wr_11'] == "354-33K") echo "selected"; ?>>NCB354-33K</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-43K") echo "selected"; ?>>NCB354-43K</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-15L") echo "selected"; ?>>NCB354-15L</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-22L") echo "selected"; ?>>NCB354-22L</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-27L") echo "selected"; ?>>NCB354-27L</li>
    <li value="255300,753" <?php if ($write['wr_11'] == "354-33L") echo "selected"; ?>>NCB354-33L</li>
</ul>
<script>
document.addEventListener('DOMContentLoaded', function () {
    var wr_11 = '<?=$wr_11?>'; // assuming $wr_11 is defined somewhere
    // Find the selected item and add a class for styling
    $('.wr_11 li').each(function () {
        if ($(this).text() === wr_11) {
            $(this).addClass('selected');
        }
    });
    // Attach a click event to each list item
    $('.wr_11 li').on('click', function () {
        wr_11 = $(this).text();
        // Remove the 'selected' class from all items and add it to the clicked item
        $('.wr_11 li').removeClass('selected');
        $(this).addClass('selected');
        // Call the selCheck function with the selected value
        selCheck(0, wr_11);
    });
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
전체 58,927
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT