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

成都創(chuàng)新互聯(lián)公司制作網(wǎng)站網(wǎng)頁(yè)找三站合一網(wǎng)站制作公司,專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì),做網(wǎng)站、成都做網(wǎng)站,網(wǎng)站設(shè)計(jì),企業(yè)網(wǎng)站搭建,網(wǎng)站開(kāi)發(fā),建網(wǎng)站業(yè)務(wù),680元做網(wǎng)站,已為上千多家服務(wù),成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)將一如既往的為我們的客戶(hù)提供最優(yōu)質(zhì)的網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣服務(wù)!

jquery是什么

jquery是一個(gè)簡(jiǎn)潔而快速的JavaScript庫(kù)，它具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)，能夠用于簡(jiǎn)化事件處理、HTML文檔遍歷、Ajax交互和動(dòng)畫(huà)，以便快速開(kāi)發(fā)網(wǎng)站。

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

表單填寫(xiě)頁(yè)面：

<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="">-選擇種類(lèi)-</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值，將其傳到文本框中，此時(shí)我們的form即可傳遞這個(gè)文本框的值。

服務(wù)器端接收的代碼：

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

讀到這里，這篇“Jquery如何同時(shí)獲取下拉框的Value和Text值”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：Jquery如何同時(shí)獲取下拉框的Value和Text值
文章起源：http://chinadenli.net/article40/ppdjeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站排名、搜索引擎優(yōu)化、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)