2015-04-14 71 views
-2

我想從下拉菜單欄中選擇多個元素,並在下一個文本框中顯示它,而無需提交表單?如何從PHP中的下拉菜單中獲取數據?

假設我在下拉菜單中顯示「汽車,狗,鼠,自行車,電視,冰箱等等」元素。我想選擇汽車,自行車,電視,冰箱,並在下一個文本區域獲取數據,而不必進入新的頁面,即我只想從下拉框中顯示用戶選擇的項目。

+1

分享你試過的東西 –

+0

我還沒有嘗試過任何東西。 –

+2

SO不是免費的編碼服務,請嘗試自己並編輯您的問題以包含您的嘗試。 – Epodax

回答

1

看看這是你想要的

<select id="select" multiple> 
    <option value="1">car</option> 
    <option value="2">dog</option> 
    <option value="3">rat</option> 
    <option value="4">bike</option> 
</select> 


<textarea id="txt1"></textarea> 

您的JS:

$(document).ready(function(){ 
$("#select") 
    .change(function() { 
    var str = ""; 
    $("select option:selected").each(function() { 
     str += $(this).text() + " "; 
    }); 
    $("#txt1").text(str); 
    }) 
    .change(); 
}); 

WORKING DEMO

不要忘了包括jquery.js和文件

0

歡迎來到StackOverflow!正如評論中所述,爲了更好的回答,嘗試提供您已有的方法,因爲有多種方法可以回答這類問題。

說了這麼多,這應有助於:

$('.dropdown').on('change', function() { 
 
    var value = $(".dropdown").val(); 
 
    $('textarea').val(value); //insert string into textarea 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="dropdown" multiple> 
 
    <option>Rock</option> 
 
    <option>Paper</option> 
 
    <option>Scissors</option> 
 
    <option>Lizard</option> 
 
    <option>Spock</option> 
 
</select> 
 
<textarea></textarea>

這是使用jQuery,所以記得要包括jQuery的文件。

+0

我認爲微小的修改必須在您的代碼中完成..您需要添加更改函數的選擇..不是隻要Dom加載.. –

+0

@GuruprasadRao感謝您的反饋,我已經改變了我的代碼,以迎合這一點。 –

+0

隨時buddy .. :) –

相關問題