jquery select trigger - jQuery獲取選擇onChange的值




5 Answers

嘗試這個-

$('select').on('change', function() {
  alert( this.value );
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

你也可以參考onchange event-

function getval(sel)
{
    alert(sel.value);
}
<select onchange="getval(this);">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

text add

我的印$(this).val(); ,我可以通過執行$(this).val();來獲得選擇輸入的值$(this).val(); 並將onchange參數應用於選擇字段。

它會出現它只有在我參考ID時才有效。

我該如何做到這一點。




這對我有幫助。

對於選擇:

$('select_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

對於收音機/複選框:

$('radio_tags').on('change', function() {
    alert( $(this).find(":checked").val() );
});



你可以試試這個(使用jQuery ) -

$('select').on('change', function()
{
    alert( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

或者可以使用這樣簡單的V JavaScript -

function getNewVal(item)
{
    alert(item.value);
}
<select onchange="getNewVal(this);">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>




對於所有選擇,調用此函數。

$('select').on('change', function()
{
    alert( this.value );
});

只有一個選擇:

$('#select_id') 



$('select_id').on('change', function()
{
    alert((this).value());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="select_id">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>



Related