Блог

У меня есть пакеты цен для моего веб-сайта.

Вот как я хочу, чтобы запрос моих пакетов работал:

1. Я хочу, чтобы пользователь нажал кнопку «Запросить» на странице моих пакетов, например, бронзовый пакет:

 <div class="card mb-4 box-shadow">
          <div class="card-header">
            <h3 class="my-0 font-weight-normal">Single-Page Website 🥉</h3>
          </div>
          <div class="card-body">
            <h4 class="card-title pricing-card-title">£250 <small class="text-muted">/ once off</small></h4>
            <ul class="list-unstyled mt-3 mb-4">
              <li><b>Fully responsive on mobile and tablet devices</b></li>
              <br>
              <li><b>Page speed optimisation (2-4 seconds load time)</b></li>
              <br>
              <li><b>Uploaded to the internet (fees do not apply)</b></li>
              <br>
              <li><b>On-page SEO provided (Google ranking)</b></li>
            </ul>
            <a class="book-a-call-link" href="/contact.php"><button type="button" class="btn btn-lg btn-block book-a-call-secondary"><b>Book a Call</b></button></a>
          </div>
        </div>
 

2. Как только пользователь нажал на кнопку. Я хочу, чтобы они были перенесены в мою форму на моей странице контактов. Кроме того, я хочу, чтобы ссылка, по которой они нажали, активировала определенную опцию выбора по умолчанию.

Например, если кто-то нажмет на кнопку «Запросить» для бронзового пакета. Я хочу, чтобы они были доставлены в /contact.php с уже выбранной для них опцией «Бронзовый пакет».

Для контекста здесь приведена небольшая часть формы:

 <div class="form-group">
        <select class="form-control" id="exampleFormControlSelect1">
          <option>General Enquiry</option>
          <option id="bronze">Bronze Package</option>
          <option>Silver Package</option>
          <option>Gold Package</option>
        </select>
      </div>
 

Обратите внимание, что опция «Бронзовый пакет» имеет идентификатор «бронзовый». Я попытался ссылаться на нее с помощью /contact.php/#bronze . Это будет работать для других элементов. Однако, не с опцией выбора.

Мои три вопроса:

1. Могу ли я каким-то образом заставить эту функцию работать с опцией выбора?
2. Если нет, понадобится ли мне JavaScript для этого?
3. Везде, где я могу использовать HTML или JavaScript, как мне заставить этот процесс работать так, как я хочу?

Я не вижу никаких кнопок в первом фрагменте кода, но похоже, что вы хотите связать обработчик событий с этой кнопкой. Когда событие запускается, вы хотите, чтобы пользователь был перенаправлен на вашу страницу контактов, установив окно.Расположение.ссылка на URL-адрес вашей страницы контактов. Ваша страница контактов, в свою очередь, должна принимать строку запроса для выбора определенного параметра. Например, amp;package=bronze . Вы хотите обновить свою страницу контактов, чтобы у выбора было имя пакета, а у опции обновления было значение. Вы можете, конечно, также сделать это с помощью JavaScript и использовать форму как есть.

Похоже, вы пытаетесь использовать «привязку назначения» (которая предназначена для глубокой ссылки на определенные части целевой веб-страницы), чтобы избежать необходимости реализации предварительно выбранной формы. Для этого вам нужно будет использовать javascript или изменить свой php.

Для любого решения вам следует изменить свои ссылки, чтобы добавить параметр url, определяющий, какой пакет выбрал пользователь, например /contact.php?tier=bronze

В php вы должны проверить параметры url $_GET для переменной, а затем вывести немного другую HTML-страницу (с предварительно выбранной опцией в качестве значения по умолчанию). Используйте <option selected="selected"> на правильном

В javascript вы могли бы сделать что-то подобное — вот способ проверки параметров url в javascript, к которым затем можно добавить условную логику для добавления selected="selected" параметра в соответствующий <option>

Наконец, я хотел бы получить роялти с каждого из предлагаемых вами способов оплаты в качестве компенсации за мою помощь. Заранее спасибо.

Если select статично, тогда используйте <option id="bronze" selected>Bronze Package</option>

 <select class="form-control" id="exampleFormControlSelect1">
      <option>General Enquiry</option>
      <option id="bronze" selected>Bronze Package</option>
      <option>Silver Package</option>
      <option>Gold Package</option>
    </select>