2012-10-29 3 views
0

단일 선택이있는 HTML 드롭 다운 목록이 있습니다. 데이터베이스에서 얻은 값에 따라 값을 선택하고 싶습니다.db의 값을 기준으로 jquery의 드롭 다운 값을 선택하십시오.

<select name="aa"> 
    <option>BE</option> 
    <option>TE</option> 
    <option>SE</option> 
</select> 

db에서 "TE"값을 얻은 다음 선택한 옵션 태그를 설정하는 세 가지 방법을 시도했습니다.

if($m_aa == "TE"){ 
$script = <<< EOF 
<script type='text/javascript'> 
    jQuery(document).ready(function($) { 
     // $('#aa option:contains("' + BE + '")').attr('selected', 'selected'); //won't work 
     // $('#aa option:eq(0)').attr('selected', 'selected'); //won't work 
     $('#aa option:eq(1)').prop('selected', true); //won't work 
    }); 
</script> 
EOF; 
echo $script; 
} 
.... 

<dropdown list> 

그러나 세 가지 가능성 중 어느 것도 작동하지 않습니다. 경고()를 추가하면 방화 광구가 오류를 표시하지 않습니다. 표시됩니다. 그래서 구문 적으로 괜찮을 것입니다. 나는 위에 언급 된이 기능을 구현해야하는 wordpress plugin 내에서 jquery 버전 1.8.6을 사용한다.

BR, mybecks

답변

2

당신이 .val() 기능을 사용할 수있는 <select>의 선택 옵션을 설정하려면 : 또한

<script type='text/javascript'> 
    jQuery(document).ready(function($) { 
     $('#aa').val('<?php echo $m_aa; ?>'); 
    }); 
</script> 

을, 나는 것으로 나타났습니다 <select name="aa">이 있으면 코드가 작동하도록 id="aa"을 추가하거나 선택기를 $('select[name=aa]')으로 변경해야합니다.

+1

실제로 그의 유일한 오류는 이름으로해야 할 때 id로 옵션을 선택하려고했습니다. 그래서 selector를이'$ ('select [name = "aa"] 옵션 : eq (1)'). prop ('selected', true);로 바꾸는 것은 매우 잘 작동한다. 당신의 대안도 잘 작동해야합니다. – Bogdan

+0

답변 및 의견을 보내 주셔서 감사합니다. @Christoffer 솔루션은 동적 데이터와 함께 사용하여 잘 작동합니다. :-) – mybecks

0

JQuery와 버전 1.7.x 이상을 사용하는 시도가

관련 문제