More width for text control. Show both controls at the same time and have them update each other.

Author: andybak

ixxy_url_field/choice_with_other.py

@@ -9,7 +9,7 @@ class ChoiceWithOtherWidget(forms.MultiWidget):
     def __init__(self, choices, attrs=None):
         widgets = [
             forms.Select(choices=choices),
-            forms.TextInput
+            forms.TextInput(attrs={'size':'80'})
         ]
         self.choices = choices
         super(ChoiceWithOtherWidget, self).__init__(widgets, attrs=attrs)

ixxy_url_field/static/admin/choice_with_other.js

@@ -6,12 +6,16 @@
             var select = $('select', this);
             var text_input = $('input', this);
             select.change(function(){
-                if(!(select.val() == OTHER_CHOICE)){
-                    text_input.hide();
-                }else{
-                    text_input.show();
-                }
-            })
+                text_input.val(select.val());
+//                if(!(select.val() == OTHER_CHOICE)){
+//                    text_input.show();
+//                }else{
+//                    text_input.show();
+//                }
+            });
+            text_input.keyup(function(){
+                select.val(text_input.val());
+            });
             select.change();
         })
     })