2016-08-04 16 views
1

我是HTML/JS新手,目前正致力於改進我現有的一個代碼。我如何通過Javascript傳遞HTML數據

因此,現有的代碼聲明一個表單,並在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'); 
    } 
    } 

如何傳遞VAL和代碼值,而不實際創建形式?

+0

您遇到什麼問題?什麼錯誤來了?你面臨的困難是什麼?闡述。 –

回答

-1

您可以爲選擇標記設置id,如1點。

現在可以使用該用於相同功能的類似圖2和3點

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

attr()獲取匹配的元素集合的所述第一元素的屬性的值或用於每個匹配的設定的一個或多個屬性元件。 獲取匹配元素集合中第一個元素的屬性值。

<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>