Question

是否可以在不提交表单的情况下触发所选选项上的事件？

  <h3 id="center" align="center">OUR SITE CAN ONLY PROVIDE YOU INFO ABOUT MANTIONED COUNTRIES</h3>

<SELECT style="padding:10px;margin-left: 550px;margin-top: 20px;">
    <option name="india">India</OPTION>
    <option name="pakistan">Pakistan</OPTION>
    <option name="US">UNITED STATE</OPTION>
    <option name="UK">UNITED KINGDOM</option>
</SELECT>

Answer 1

因为你请求了一个javascript示例。以下是javascript变体的示例。

<select onchange="jsFunction(this)">
  <option value="" disabled selected style="display:none;">Label</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<script>
    function jsFunction(select)
    {
      alert(select.options[select.selectedIndex].value);
    }
</script>

Answer 2

你不能用php做到这一点，但可以使用Javascript / Jquery完成，因为@ S.Pols说

$(document).ready(function() {
    $('body').on("change","#select",function(){  // select is the id of your select tag
        alert("selected");
    });
});

Answer 3

你不能用PHP做到这一点（因为它是服务器端语言）。使用js / jQuery。

$(document).ready(function() {
  $("#dropdown").change(function() {
    alert("Selection: " + $("option:selected", this).val() + ":" + $("option:selected", this).text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3 id="center" align="center">OUR SITE CAN ONLY PROVIDE YOU INFO ABOUT MANTIONED COUNTRIES</h3>

<select id="dropdown" name="countries" style="padding:10px;margin-left: 550px;margin-top: 20px;">
  <option value="india">India</option>
  <option value="pakistan">Pakistan</option>
  <option value="US">UNITED STATE</option>
  <option value="UK">UNITED KINGDOM</option>
</select>

此外，name属性适用于select，不适用于option。检查代码段标记已更改。

选定选项上的触发事件

3 个答案: