2015-11-10 2 views
0

просто ищет некоторую быструю помощь.Использование опций 'select' для вывода

Я создаю онлайн-решение для загрузки, но я не уверен, как и какое решение использовать. ниже - пример того, к чему я стремлюсь.

<select id="choice1"> 
<option value="tea">tea</option> 
<option value="coffee">coffee</option> 
</select> 

<select id="choice2"> 
<option value="1">Milk</option> 
<option value="2">Sugar</option> 
<option value="3">Honey</option> 

</select> 

<select id="choice3"> 
<option value="yes">YES</option> 
<option value="no">no</option> 

</select> 

<button type="button">Generate</button> 

<p>You need to install the following:</p> 

[СПИСОК ДЕТАЛЕЙ ВЫБРАЛИ ЗДЕСЬ]

Пользователь должен выбрать, вариант от первого ID, то вариант от второго и третьего, а затем на основе их вариантов, будут даваться ссылки для загрузки к чему им нужно скачать.

Могу ли я использовать Php для этого? Если да, можно ли представить примеры?

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

+0

Я не понимаю, что вы действительно хотите! – Ele

+0

Зачем вам нужно создавать URL-адрес на стороне сервера? – Neoares

+0

PHP сделает это, только если вы хотите, чтобы опции выбора менялись в зависимости от ранее выбранных значений. – Andrius

ответ

0

На самом деле вы можете использовать Javascript, если вам не нужно что-то делать на своем сервере (PHP). Я сделал небольшой пример получения значений из всех выборок, поэтому теперь вы можете просто сделать ссылку для загрузки, используя эти значения, или отправить их на свой сервер с помощью AJAX, а затем вернуть ссылки с сервера.

пример (я добавил идентификатор к кнопке под названием btn):

var btn = document.getElementById("btn"); 
btn.addEventListener("click",function(){ 
    var op1 = document.getElementById("choice1"); 
    var op2 = document.getElementById("choice2"); 
    var op3 = document.getElementById("choice3"); 
    v1 = op1.options[op1.selectedIndex].value; 
    v2 = op2.options[op2.selectedIndex].value; 
    v3 = op3.options[op3.selectedIndex].value; 
    // do what you want with the three values 
}); 

Запуск здесь: http://jsfiddle.net/mvt421ok/

Добавить оповещения для v1, v2 и v3, если вы хотите.

Если это не то, что вам нужно, попробуйте спросить меня, и я отредактировал бы этот ответ.

Edit1: пример с динамическим обновлением URL: http://jsfiddle.net/mvt421ok/2/

+0

Привет, Neoares, спасибо за ваш ответ. В принципе, мне нужно создать список загрузок. Поэтому мне нужно назначить ссылку на скачивание для каждого значения. Поэтому, если они выбрали «выбор 1» «выбор 2» и «выбор 3», нажмите «сгенерировать». он затем дал бы им 3 ссылки для загрузки, назначенные каждому из них. – MrHeisenberg

+0

Я вижу, но вопрос здесь в том, действительно ли вам нужно делать эту работу на своем сервере. Если вам нужно сделать, например, такой URL-адрес: 'http: //example.com/download? Var1 = tea & var2 = sugar & var3 = no', его не нужно создавать на сервере. Если это так, я могу создать небольшой пример отображения URL-адресов на веб-странице. – Neoares

+0

Это не нужно делать на сервере. Просто нужно принять выбранные вами варианты, а затем дать им 3 ссылки для скачивания. – MrHeisenberg

0

Да, вы можете использовать PHP для этого. вам необходимо выполнить запрос к выбранным настраиваемым записям ваших загрузок в соответствии с выбором пользователя. Может быть, это не совсем то, что вы хотите, но следующий пример похож на то, где вы можете понять. link is Here

+0

Перейдите на страницу своей брони, и вы найдете подходящую процедуру. –

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