확인란을 선택하면 변경할 이미지가 필요합니다.

Question

사용자가 익숙해 진 상자에서 선택해야하는 양식이 있습니다. 페이지 상단의 로고가 선택에 맞게 변경 될 때 선택됩니다. 여기서 은 jsfiddle입니다. 내 문제는 이것입니다, 나는 mysql에 드롭 다운 상자에 선택의 이름을 게시 할 수 있지만 가치가 이미 이미지를 변경하는 자바 스크립트에 의해 사용되고있는 DB에있는 모든 게시물 수 있습니다 싶습니다. 이미지의 이름이며 상자의 값은 아닙니다.

드롭 다운 상자를 사용하여 이미지를 변경하는 대신, 동일한 작업을 수행하는 데 어떻게 확인란을 사용할 수 있습니까? 나는 선택이 이루어질 때까지 항상 폼에 표시되는 기본 로고를 가지고 있으므로 그 부분을 그대로 유지해야합니다. 여기

나는 당신이 그 (것)들을 라디오처럼 작동하지 않는 한, 조금 더 도전 할 것이다 체크 박스를 사용하여 생각 jsfiddle

<br/><br/> 

<select id="dd" onChange="swapImage()" style="width: 150px"> 
<option value=""></option> 
<option value="http://xxxs.com/demo1/decals/falcons2013.jpg">Falcons</option> 
<option value="http://xxxxx.com/demo1/decals/gvklogo2013.png">Green Valley Knights</option> 
<option value="http://xxxxx.com/demo1/decals/longhorns2013.jpg">Longhorns</option> 
</body> 
</html> 

의 코드와 자바 스크립트

function swapImage(){ 
var image = document.getElementById("logoimage"); 
var dropd = document.getElementById("dd"); 
image.src = dropd.value;  
}; 

Answer 1

입니다 그룹. 당신이 선택 유지하려는 경우, 당신은 당신이 값을 사용하도록 허용하는 title에서의 img src에 넣을 수 있습니다 -

function swapImage(){ 
var image = document.getElementById("logoimage"); 
var dropd = document.getElementById("dd"); 
image.src = dropd.options[dropd.selectedIndex].title; 
}; 

- 당신의 js에서 다음

<select id="dd" onChange="swapImage()" style="width: 150px"> 
    <option value=""></option> 
    <option value="Falcons" title="http://xxxxx.com/demo1/decals/falcons2013.jpg" >Falcons</option> 
    <option value="Green Valley Knights" title="http://xxxxx.com/demo1/decals/gvklogo2013.png">Green Valley Knights</option> 
    <option value="Longhorns" title="http://xxxxx.com/demo1/decals/longhorns2013.jpg">Longhorns</option> 
</select> 

을 선택한 옵션 타이틀을 얻을 선택한 IMG의 SRC를 저장하려면, 내가 숨겨진 전자를 만드는 것이 좋습니다
http://jsfiddle.net/UtcTc/

편집 -이 업데이트 jsFiddle 예제를 참조 체크 박스가 복수의 선택을 허용하는 대신 체크 박스의

$img_url = $_POST['img_url']