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,047
    Đã được thích:
    81
    Đ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

    seolagi, 28/10/17
    #1
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Đ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>
     
    admin, 28/10/17
    #2
    seolagi thích bài này.
  4. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Đ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.
     
    admin, 28/10/17
    #3
    seolagi thích bài này.
  5. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Đ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";
   }
}
     
    admin, 28/10/17
    #4
    seolagi thích bài này.
  6. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    Cảm ơn đúng cái mình cần đây, tk
     
    seolagi, 28/10/17
    #5


Chủ để tương tự : Gắn giá
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Disable button and enable it after 5 seconds javascript (khóa button và mở lại sau 5 giây) 8/10/22
Lập trình Javascript, js Lấy MM/DD/YYYY hh:mm:ss Ngày/tháng/năm giờ:phút:giây hiện tại Javascript 29/9/22
Lập trình Javascript, js Thêm giá trị vào mảng Javascript, add value to array javascript như thế nào 8/8/18
Lập trình Javascript, js Xóa giá trị trùng lắp trong mảng Javascript html hiệu quả 8/8/18
Lập trình Javascript, js Hàm xử lý thời gian trong javascript giờ phút giây ngày tháng năm 23/9/16