Jquery如何同時獲取下拉框的Value和Text值

本文小編為大家詳細介紹“Jquery如何同時獲取下拉框的Value和Text值”，內容詳細，步驟清晰，細節處理妥當，希望這篇“Jquery如何同時獲取下拉框的Value和Text值”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發網站。

form表單傳遞下拉框的Value和Text值，不適用Jquery傳遞
同時獲取下拉框的Value和Text值的解決辦法：
添加一個<input type="text" >文本框，用戶選中一項后就將該項的value值給他
然后接受頁面獲取該文本框變遷即可獲取到相應的Text值

表單填寫頁面：

<script src="<?=base_url();?>javascript/jquery.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
    $("#ProduceCategory").change(function(){
        var category=$("#ProduceCategory").find("option:selected").val();
        $("#category_name").val(category);
    })});
</script>


  <select name="ProduceCategory" id="ProduceCategory" >
    <option value="">-選擇種類-</option>
 <?php if(is_array($category)) foreach($category as $r):?>
<option value="<?php echo $r['category_id'] ?>"><?php echo $r['category_name'] ?></option>
<?php endforeach;?>
  </select>
 
  <input type="text" name="category_name" id="category_name" />
 
 
<br/><br/>
上面的是js去傳遞我們的下拉框的text值，將其傳到文本框中，此時我們的form即可傳遞這個文本框的值。

服務器端接收的代碼：

1
$plant_category = $this->input->post('category_name');

讀到這里，這篇“Jquery如何同時獲取下拉框的Value和Text值”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。