得到<li>值並分配給 iframe 中的 url 參數，使用 jquery ZC0BB21964260232458ADF9A5BDE</li>

Question

這是一個與此相關的問題。

從

<ul id="myid">
    <li value="VALUE1">featured</li>
    <li value="VALUE2">hey</li>
    <li value="VALUE3">wish</li>
<ul>
<iframe src="" id="myiframe" width="460" height="300"></iframe>

至

<iframe src="http://example.com/test?=VALUE1 or VALUE2 or VALUE3" id="myiframe" width="460" height="300"></iframe>

onclick

Answer 1

嘗試這個

<ul id="myid">
    <li onclick="myFunction('VALUE1')" value="VALUE1">featured</li>
    <li onclick="myFunction('VALUE2')" value="VALUE2">hey</li>
    <li onclick="myFunction('VALUE1')" value="VALUE3">wish</li>
</ul>
<iframe src="" id="myiframe" width="460" height="300"></iframe>

<script>
    var myURL = 'http://example.com/';

    function myFunction(value) {
        document.getElementById("myiframe").src = myURL + "test?=" + value;
    }
</script>

Answer 2

you can use like this 
<ul id="myid">
  <li class ="get" value="VALUE1">featured</li>
  <li class ="get" value="VALUE2">hey</li>
  <li class ="get" value="VALUE3">wish</li>
<ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
   $(".get").click(function(){
    data = $(this).attr('value');
    url = "http://example.com/test?=";
    $('#myiframe').attr('src', url+data);
  });
});
</script>