我想從下拉菜單欄中選擇多個元素,並在下一個文本框中顯示它,而無需提交表單?如何從PHP中的下拉菜單中獲取數據?
假設我在下拉菜單中顯示「汽車,狗,鼠,自行車,電視,冰箱等等」元素。我想選擇汽車,自行車,電視,冰箱,並在下一個文本區域獲取數據,而不必進入新的頁面,即我只想從下拉框中顯示用戶選擇的項目。
我想從下拉菜單欄中選擇多個元素,並在下一個文本框中顯示它,而無需提交表單?如何從PHP中的下拉菜單中獲取數據?
假設我在下拉菜單中顯示「汽車,狗,鼠,自行車,電視,冰箱等等」元素。我想選擇汽車,自行車,電視,冰箱,並在下一個文本區域獲取數據,而不必進入新的頁面,即我只想從下拉框中顯示用戶選擇的項目。
看看這是你想要的
<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();
});
不要忘了包括jquery.js和文件
歡迎來到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的文件。
我認爲微小的修改必須在您的代碼中完成..您需要添加更改函數的選擇..不是隻要Dom加載.. –
@GuruprasadRao感謝您的反饋,我已經改變了我的代碼,以迎合這一點。 –
隨時buddy .. :) –
分享你試過的東西 –
我還沒有嘗試過任何東西。 –
SO不是免費的編碼服務,請嘗試自己並編輯您的問題以包含您的嘗試。 – Epodax