如何选择选项时如何重定向页面，laravel

Question

选择选项之一时，我需要重定向页面。

<select required name="subject"  id="konu" class="form-control">
  <option value="" disabled>Choose Subject</option>
  <option value="Ask a question">Ask a question</option>
  <option value="Leave a comment">Leave a comment</option>
  <option value="Where to buy">Where to buy</option>
  <option value="Product Complaint">Product Complaint</option>
  <option value="Other">Other</option>
  <option {{ request('subject') == 'Request SDS' ? 'selected' : '' }}  value="Request SDS">Request SDS</option>
  <option value="Distributor">Request Distributorship</option>
</select>

Answer 1

我曾经也需要这个，发现您的问题已经得到回答。

如果您可以使用Inline JavaScript，请查看以下答案：
https://stackoverflow.com/a/7562129/10440010

同样的问题：
https://stackoverflow.com/a/7562201/10440010

我希望这会有所帮助！

更新：

使其适用于特定选项的简便方法是使Onchange事件检查点击选项的值是否等于某物。在下面的摘要中，我使其适用于以https开头的所有链接。

HTML：

<select id="redirectSelect">
    <option value="NoLink" disabled>Please select</option>
    <option value="NoLinkEither">Option 1</option>
    <option value="https://www.google.com/">External Link</option>
</select>

JavaScript：

function redirect(goto) {
  var conf = confirm("Are you sure you want to go elswhere?");
  if (conf && goto != '') {
    window.location = goto;
  }
}

var selectEl = document.getElementById('redirectSelect');

selectEl.onchange = function() {
  if (this.value.startsWith('https')) {
    var goto = this.value;
    redirect(goto);
  }
};

希望这可以帮助您解决问题。如果没有，请发表评论，我很高兴提供帮助！

Answer 2

我先前有一个代码。

<select required name="subject" id="konu" class="form-control">
                                <option value="" disabled>Choose Subject</option>
                                <option value="Ask a question">Ask a question</option>
                                <option value="Leave a comment">Leave a comment</option>
                                <option value="Where to buy">Where to buy</option>
                                <option value="Product Complaint">Product Complaint</option>
                                <option value="Other">Other</option>
                                <option {{ request('subject') == 'Request SDS' ? 'selected' : '' }}  value="Request SDS">Request SDS</option>
                                <option value="Distributor">Request Distributorship</option>
                            </select>

在这里选择它是脚本。

$( document ).ready(function() {
        $("#konu").change(function(){
                var value = $("#konu").val();
                if(value=="distributor"){
                    window.location = 'be-our-distributor';
                }
            })
        });

Answer 3

对于第二个答案，HTML中使用的值与您在JavaScript代码中检查的值不同。

在您的html中，它是distributor，在您的JavaScript代码中，它是Distributor。介意首都D。

Answer 4

问题处于您的状况。您的价值是分销商，您使用分销商。 JS是案例感觉的，因此您不会重定向。代码应该看起来像

$( document ).ready(function() {
    $("#konu").change(function(){
            var value = $("#konu").val();
            if(value=="Distributor"){
                window.location = 'be-our-distributor';
            }
        })
    });