2016-08-28 2 views
3

Я работаю как на странице магазина, где вы можете выбрать, как долго вы хотите купить услугу.PHP/HTML Change Text, если опция Dropdown Menu отмечена

Существует раскрывающийся меню с 3 опции:

  • 1 Week
  • 3 Weeks
  • 6 Weeks

Как я могу сделать:

Если опция 3 Weeks нажата, автоматический (простой текст) автомат изменяется в 5 dollars и 6 Weeks до 10 Dollars или что-то в этом роде?

Все изменения цен сделаны мной.

Я хотел бы знать, как я могу изменить exampletext1 на exampletext2, выбирая что-то из моего выпадающего меню?

+2

Для этого вы можете использовать JavaScript/jQuery. –

+0

Пожалуйста, добавьте, что вы сделали до сих пор? –

+0

http://pastebin.com/0fF0AuAd Это мой сценарий, выпадающее меню «produkt» или «Produkauswahl» - это то, что я хочу получить информацию от – David

ответ

3

стороны клиента

Чтобы изменить свою страницу на клиентских событиях (например: нажмите, выберите изменение) без перезагрузки всей страницы, вы должны использовать на сторону клиента, как JavaScript языке сайт.

стороне сервера

PHP используется только на стороне сервера. Это означает, что PHP выполняется до того, как ваша страница будет отправлена ​​пользователю и не сможет поймать действие пользователя без отправки нового запроса на сервер (и перезагрузить страницу).

Вот пример вы спросили (с JavaScript)

https://jsfiddle.net/9c1unscw/1/

<p>Select a period.</p> 

<select id="mySelect" onchange="myFunction()"> 
    <option value="1">1 Week 
    <option value="2">3 Weeks 
    <option value="3">6 Weeks 
</select> 

<p id="demo">Estimated price: 5 dollars.</p> 

<script type="text/javascript"> 
    function myFunction() { 
     var x = document.getElementById("mySelect").value; 
     var price = parseInt(x)*5; 
     document.getElementById("demo").innerHTML = "Estimated price: " +price+" dollars."; 
    } 
</script> 
+0

Большое спасибо! – David

+0

You'r welcome;) Здесь ссылка, которая поможет вам закрыть вопрос, если я ответил на ваш вопрос http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work/5235# 5235 –

2

Вот небольшой алгоритм, который даст вам основную идею:

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <p>Select a new car from the list.</p> 
 

 
    <select id="mySelect" onchange="myFunction()"> 
 
    <option value="one">1 Week 
 
     <option value="three">3 Week 
 
     <option value="six">6 Week 
 
    </select> 
 

 
    <p id="price">Price: 1 dollars</p> 
 

 
    <script> 
 
    function myFunction() { 
 
     /* 
 
     You should get this price array from your PHP service dynamically 
 
     whenever this page is requested. 
 
     */ 
 
     var price = []; 
 
     price['one'] = '1'; 
 
     price['three'] = '5'; 
 
     price['six'] = '10'; 
 

 

 
     var x = document.getElementById("mySelect").value; 
 
     document.getElementById("price").innerHTML = "Price: " + price[x] + " dollars"; 
 

 
    } 
 
    </script> 
 

 
</body> 
 

 
</html>