Gắn, set giá trị của combobox, DropDownList bằng javascript trong item c# asp.net

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 28/10/17.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,027
    Đã được thích:
    80
    Điểm thành tích:
    48
    HI, mọi người, mình có cái combox như dưới
    Mình có 1 cái textbox như sau:
    Mã:
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    Có 1 cái DropDownList hay còn gọi combobox như sau:
    Mã:
    <asp:DropDownList ID="cbosize1" CssClass="combo" runat="server" Height="25px">
    giá trị....
    </asp:DropDownList>
    
    Khi load html lên view code nó như sau:
    Mã:
    <input name="ctl00$ContentPlaceHolder1$TextBox1" id="ContentPlaceHolder1_TextBox1" type="text">
    <select name="ctl00$ContentPlaceHolder1$cbosize1" id="ContentPlaceHolder1_cbosize1" class="combo" style="height:25px;">
        <option value=""></option>
        <option value="1">diễn đàn seo</option>
        <option value="2">diễn đàn rao vặt</option>
        <option value="3">diễn đàn cntt</option>
        <option value="4">diễn đàn y dược</option>
    </select>
    
    ---- Cái mình Muốn---
    Khi mình điền giá trị số 1 vào TextBox1 tự động giá trị ở DropDownList cbosize1 sẽ được chọn là "diễn đàn seo", lấy chọn bằng javascript ý, vì mình không muốn web load lại trang.
    ----------
    Bạn nào biết giúp mình với
    add value choice to combobox c# by javascript, set combobox selected item from javascript.
     
    Cảm ơn đã xem bài:

    Gắn, set giá trị của combobox, DropDownList bằng javascript trong item c# asp.net

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,883
    Đã được thích:
    1,193
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây, add code javascript sau vào nhé:
    Mã:
    <asp:TextBox ID="TextBox1" onblur="addcombo(this,'cbosize1');" runat="server"></asp:TextBox>
    
    Add code javascript sau vào cuối chân web:
    Mã:
        
    <script language="javascript" type="text/javascript">
            var dynamic = 'ContentPlaceHolder1_';
            function addcombo(field,idcombo) {
                var giatri = field.value;
                var dropdown1 = document.getElementById(dynamic + idcombo);
                dropdown1.value = giatri;
            }
    </script>
    
     
    seolagi thích bài này.
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,883
    Đã được thích:
    1,193
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Hoặc bạn có thể thay .value bằng .selectedIndex cũng được.
     
    seolagi thích bài này.
  4. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,883
    Đã được thích:
    1,193
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Code khác set ngược lại khi click chọn combox load dữ liệu lên textbox
    Mã:
    function chkind(idcombo,idtextbox){
       var dropdown1 = document.getElementById(idcombo);
       var textbox = document.getElementById(idtextbox);
       if(dropdown1.selectedIndex == 0){
         textbox.value = "là gì đó";
       } else if(dropdown1.selectedIndex == 1) {
         textbox.value = "là gì đó khác";
       }
    }
    
     
    seolagi thích bài này.
  5. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,027
    Đã được thích:
    80
    Điểm thành tích:
    48
    Cảm ơn đúng cái mình cần đây, tk