javascript - タグにJavaScriptコードを書く方法

Answer 1

jQueryを使用すると、次のことができます。

<a href="edit-source.php" class="edit-btn">Edit</a>

var id = 10;
var href = $(".edit-btn").prop("href");
$(".edit-btn").prop("href", href + "?source=" + id);

コードがレンダリングされる前にあなたが知らないと思いidます、さもなければこれはかなり議論の余地があります。

Answer 2

Plain JSでできること

<script>
var souceID="somesource"; // this is of course assumed
document.write('<a href="edit-source.php?source='+sourceID+'">Edit</a>')
</script>

また

<a href="#" onclick="this.href='edit-source.php?source='+sourceID">Edit</a>

OPによるコメントからこのコードを使用する：

<div id="popuppage" data-role="popup" data-overlay-theme="a" style="max-width:250px;">    
  <ul data-role="listview" data-inset="true" data-dividertheme="d" data-theme="c" style="min-width:210px;"> 
    <li data-icon="gear" class="cust-popuplist" id="popupSourceID"> 
       <a href="#"
       onclick="
         this.href='edit-source.php?source='+
           encodeURIComponent(document.getElementById('srcvalue').value);
       ">Edit</a> 
       <input type="hidden" name="srcvalue" id="srcvalue" value="somevalue"> 
    </li> 
   </ul> 
</div>

または、これはどうですか: JS はまったく必要ありません

<form action="edit-source.php">
<input type="hidden" name="source" value="<?php echo $srcvalue; ?>" />
<input type="submit" value="Edit" />
</form>

Answer 3

属性値の中にタグを入れることはできません。

これは醜い解決策です。また、ページが最初に読み込まれたときに変数をダンプすることで機能します。変数がある場合は、PHPを使用して挿入できます。

ユーザー入力に応答したいので、変数をリンクに追加する必要があると思います。href属性全体を適切なタイミングで設定するというまったく異なるアプローチが必要です。