javascript - iframe src の JavaScript 関数

Question

私はJavaScriptが初めてです。

国名を返すJavaScript関数があります。この値を iframe の src に配置する必要があります。私のJavaScript関数は次のとおりです。

<script type="text/javascript">
var country = $("#SCountry").val();
function getCountry()
{
   var country = $("#SCountry").val();
   return country;

}
</script>

国の値を取得していますが、iframe の src に組み込むことができません。私の iframe src は次のとおりです。

src='https://example.com/?country="javascript:getCountry()"'

動いていない。

Answer 1

JavaScript を HTML 属性に単純に入れることはできません。評価されません。代わりに、JavaScript を使用して DOM 要素を操作する必要があります。つまり、そのsrcプロパティを変更します。

<iframe id="myIframe" src=""></iframe>
<script>
    document.getElementById('myIframe').src = 
        'https://domain.com/?country=' + getCountry();
</script>