Выберите ONCHANGE для элементов SELECT

-1

Привет, я хочу сделать выбор, в котором я хочу, если кто-то выбирает параметр, он меняет размер изображения, в настоящее время я использую поле ввода для ввода размера, такого как 100 * 250, и нажмите кнопку «Отправить», и он изменит размер изображения, но я хочу заранее определенные размеры изображений, так что каждый может выбрать размер, не написав его ..Выберите ONCHANGE для элементов SELECT

Я хочу использовать этот вместо <input>

<select> 
    <option value="0" selected="selected">Choose size</option> 
    <option value="1">100*200</option> 
    <option value="2">300*600</option> 
    <option value="3">700*1000</option> 
    </select>

Вот мой PHP код

<?php 
include("connection.php"); 

if(isset($_GET['title'])){ 

$page_id = $_GET['title']; 

    $select_query = "select * from save_data where Title='$page_id'"; 

$run_query = mysql_query($select_query); 

while($row=mysql_fetch_array($run_query)){ 

    $post_id = $row['ID']; 
    $post_title = $row['Title']; 
    $post_image = $row['Name']; 



?> 
<center> 
<h2> 
<a href="pictures.php?title=<?php echo $post_title; ?>"> 

<?php echo $post_title; ?> 

</a></center> 

</h2> 

<center><img id="myImage" src="uploads/<?php echo $post_image; ?>" /></center> 

<input type="text" id="dimen" name="dimension" /> 
<input type="submit" value="Submit" Onclick ="splitString()"/> 



<?php } }?> 


<html> 
<body> 
<head> 
<script type="text/javascript"> 
function splitString() 
{ 
var myDimen=document.getElementById("dimen").value; 
var splitDimen = myDimen.split("*"); 
document.getElementById("myImage").width=splitDimen[0]; 
document.getElementById("myImage").height=splitDimen[1]; 
} 
</script> 
</head> 

</body> 
</html>

источник

2013-11-30 user3049358

Вы можете получить значение выбора с чем-то вроде этого:

var e = document.getElementById("dimen"); 
var myDimen = e.options[e.selectedIndex].value;

После этого вы должны связать значение с некоторыми размерами. Например. 1 будет стоять на 100 * 90, 2 будет стоять 200 * 120 и т. Д.

Надеюсь, это поможет.

источник

2013-11-30 08:27:07 jurasadam

и насчет выбора опции, как я пишу это – user3049358

Ну вы можете либо оставить его как есть и сделать преобразование, как я уже говорил ранее (если это 1, ширина 100 и высота 90), или вы можете дайте ему значение «100_90», а затем разделите «_». – jurasadam

При изменении выбора, перезагрузка страницы. Форма получает выбор и видит выбранное значение, окончательно вы печатаете хорошую картинку!

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>imageRedimention</title> 
    </head> 
    <body > 
     <form name="formulaire" id="formulaire" method="get" action=""> 
      <select name="select" onChange="submit()"> 
       <option value="0" >Choose size</option> 
       <option value="1" >100*200</option> 
       <option value="2" >300*600</option> 
       <option value="3" >700*1000</option> 
      </select> 
      <br> 
      <?php 
       if($_GET['select'] == '1'){ 
        echo '<img src="Capture.png" width="100" heigth="200" alt="mon image">'; 
       }else if($_GET['select'] == '2'){ 
        echo '<img src="Capture.png" width="300" heigth="600" alt="mon image">'; 
       }else if($_GET['select'] == '3'){ 
        echo '<img src="Capture.png" width="700" heigth="1000" alt="mon image">'; 
       }else{ 
        echo '<img src="Capture.png" width="200" heigth="300" alt="mon image">'; 
       } 

      ?> 
     </form> 
    </body> 


</html>

источник

2013-11-30 08:48:36

, используя это, но это не показывает мне изображение на новой странице. На новой странице есть поле выбора и текст 'mon image' @LeCoq – user3049358

hm, вы можете найти путь в src? если вы видите сообщение alt, это потому, что он не нашел изображение. Я пробую этот код дома, и он работает для меня. Можете ли вы написать дерево каталогов? –

Я использовал это в 'scr =" uploads/ "' – user3049358

Выберите ONCHANGE для элементов SELECT

ответ

Смежные вопросы