JavaScriptでHTMLデータを渡すにはどうすればいいですか？

Question

私はHTML/JSを初めて使用しています。現在持っている既存のコードの改善に取り組んでいます。

したがって、既存のコードではフォームが宣言され、データはJSで使用されて以後の処理が行われます。今度はフォームを作成せずにこの値をハードコードし、同じJSを次のアクションに使用したいと思います。私は、両方の動作が共存する必要があるため、JSを変更したくありません。 これは、コードが今に見える方法です -

<div class="form-group"> 
<label>Frequency</label> 
    <select class="form-control delivery" data-code="<?php echo $prid; ?>"> 
    <option value="">-- Please Select --</option> 
    <option value="">Once</option> 
    <option value="">Twice</option> 
    </select> 
</div> 

<script> 
    $(document).ready(function(){ 
    $('.delivery').change(function(){ 
     var planval = $(this).val(); 
     var prid = $(this).data('code'); 
    } 
    } 

どのように私は実際にフォームを作成せずにヴァルとコード値を渡すことができますか？

Answer 1

selectタグのIDを1ポイントに設定できます。

今あなたがマッチした要素の集合内の最初の要素の属性の値を取得するか、すべての一致のために1つ以上の属性を設定し

1. <select id = "selectID" class="form-control delivery"> 
2. var planval = $("#selectID").val(); 
3. var prid = $("#selectID").data('code'); 

Answer 2

attr() 2と3ポイントのように、同じ機能のためにこれを使用することができます素子。 一致する要素のセットの最初の要素の属性の値を取得します。

<div class="form-group"> 
<label>Frequency</label> 
    <select class="form-control delivery" data-code="<?php echo $prid; ?>"> 
    <option value="">-- Please Select --</option> 
    <option value="">Once</option> 
    <option value="">Twice</option> 
    </select> 
</div> 

<script> 
    $(document).ready(function(){ 
    $('.delivery').change(function(){ 
     var planval = $(this).val(); 
     var prid = $(this).attr('data-code'); 
    } 
    } 
</script>